Tuesday, May 14, 2024

Hah! Get me to visit Facebook AND look up Alt text info

#GAAD #GAAD2024  #a11y

Brain is still working on things for a City of Seattle presentation even though a video and Powerpoint have already been turned in. Note to self: there is LIVE Q&A.

A STAR Center customer dragged me into one of my occasional visits to Facebook. 

After customer and I got as far as we could for today, I HAD to do a little digging. Never mind the critical path for the day's agenda and more cosmic reflections. Today's quest for world domination and ubiquitous accessibility features Material Already Out There! This is exactly WHY people do events like the City of Seattle Event.

Let's see: obvious Alt text in a couple places on a thread about a major high school reunion. Graduating class is STILL playing golf for their reunions, so I am still not going. Digression: I was in Paris during my 10th reunion. Paris, HORRORS, was not my fave Eurail pass destination, but it was still way better than golf. For my 20th reunion, the short kid I got paired with for 7th grade dance class had grown up respectably. I haven't been back since.

Now back to Facebook and alt text.

There's always the search bar IN Facebook.
The Search string "alt text in Facebook" yielded lots of help!

Excellent level of detail for an explanatory video.



Interesting reference to "hover over." Screen reader users probably know a screen reader equivalent.

Also important to note mention of browser extensions. 

In large organizations, it is a good idea to be aware of organizational policies about what gets installed on work computers and how to get something like this approved. 

The same point probably applies for contrast checking. Contrast checking may occur through browser extensions or features built into content creation tools. I hope the presentation inspires people who might need such tools to go have a look.



Now for a bonus, let me see what I can do with the same photo still generating chatter on Nextdoor, chatter level being one reason I am not a big Nextdoor user either.

For reference, here's the photo!

No curbs. No Sidewalks. Asphalt path down to destination
Bus stop in SE Seattle closest to
what is about to become a family destination






Monday, May 13, 2024

GAAD Outline UPDATED

#GAAD #GAAD2024 

Update after run-through 

Assembled in preparation for a presentation aimed at City of Seattle staff for #GlobalAccessibilityAwarenessDay 

Intro and some presentation technology points.

First, thank you to Holly Delcambre and Autumn Harris for the invitation to present and to the tech team for helping with the presentation process.  I also commend the City of Seattle for undertaking this Voluntary Product Accessibility Template initiative.

The initial part of this presentation is going to be a video recorded on Zoom with Zoom auto captioning. Then there will be live Q & A at the end. I am not going to interact with the chat but will ask the tech team both to collect questions and to please advise me if for instance I need to slow down for interpreters.


If for some reason screenshare doesn't work well for you, you can more or less follow along at rantwoman.blogspot.com/GAAD-Outline-UPDATED

This blog post is partly intended to parallel the PowerPoint, including a transcript of planned content. The slides contain links to individual posts at my personal blog,  RantWoman.Blogspot.com The presentation will also include links to other resources.

The presentation strives to model some presentation best practices. I am not going to read every link for the demos presented but they can be found using the hashtags #GAAD and #GAAD2024 on my blog. 


For more extensive commentary about PowerPoint, though probably not about presenting with a screen reader check out the Death by PowerPoint tag.


Finally, in addition to hashtags and my personal idiosyncratic tags, this post uses Headings to allow screen reader users to find pieces of the post without having to reread the whole post.


More technological comments:

I use both screen reader and screen enlargement. I am not a fount of wisdom about issues like back end screen reader accessibility for blogger. I simply use the tools I have learned in the platforms I am most comfortable in.


I also am not a whiz about PowerPoint, content design, video creation and editing, or every nuance of screen readers. The PowerPoint presentation includes links to some demos of user experience with a screen reader. Demos will be screen share recordings with sound in Zoom, but I have not succeeded in displaying automatic captions in the recordings. I hope the presentation will be memorable anyway.


The prerecorded segment of my presentation


There are MANY content Creation tools out there. People consume social media content in all kinds of ways. I am going to focus on just a few dimensions of accessibility with some brief demos of user experience when #A11y is neglected. I hope viewers will come away with at least one tip they can use all the time with the tools they already use or a vision of features they need in any tools they are considering.


More detail

All purpose standards reference: Web Contant Accessibility Guidelines, currently WCAG 2.0 with many helpful links at WebAIM.org


#A11y tips for people who are blind

--Use Alt Text to describe images

--Capitalize every word in hashtags

--Put event details in plain text even if you are also uploading a great graphic with the event details in graphic format. Also helpful: provide a link if you want to provide more information than is allowed in one post (Personally, I do not currently have a paid presence on X / Twitter. I consider it good discipline to fit my post in the current 280 character limit.)

--There is sound and there is sound: Consider a short video that has some kind of catchy music but nothing audible to aid a blind person in understandaing what the video is about. See Demo

--There is a whole separate section in hell for text in graphics. More about this separately.

--DO NOT roll text over video content, especially over the faces of people talking. Screen reader users will not find such text at all. People who are low vision may have trouble focusing fast enough to read the text. Many people, not just people who identify as Deaf or hearing impaired rely a great deal on lip reading as well as facial expression. Just avoid text over other content.


#A11y Tips for people who are low vision or color blind.

--CONTRAST matters for people who are low vision or color blind. Also many people do not own printers but may print in places like public libraries that have only black and white printing.

--Contrast checking for color content is complex. Some content creation tools have contrast checkers built in. In other cases, an internet search might start with the info available through The WebAIM Contrast checker Pick an approach you like and stick with it.

--Quick and Dirty: Use operating system tools to Test how your content looks in Black and White.

--My Quick and Dirty for this presentation will use screenshots and Zoom clips in color schemes available through Zoomtext, the screen enlargement tool I use.

--Contrast again: Text over images is not picked up by screen readers and may not be identifiable to people who are low vision. 


#A11y tips for people who are deaf or hearing impaired.

--For short social media posts, consider posting a transcript separately.

An Example with both Video and a Transcript


Other Miscellaneous tips:

Beware of images with flash: some flash rates can cause seizures

Built accessibility in from the outset. make it a habit. That way, even if you are as adept as RantWoman at pushing deadlines, you won't lose the accessibility game.

Know the limits of your tools:

--How much alt text is allowed.

--Do you have options in your tool to check contrast or do you need to look for a tool that checks contrast?

--Do you trust automated text captioning or alt text generation or do you need to plan for that as part of the work plan.

--If you are creating content in one platform and then exporting it to a PDF or to another platform will functionality such as links and headings be preserved?

--If the platform you want to post to does not make it easy to create accessible, post a link to accessible content from another platform.


Other Examples



Quick and Dirty Contrast Checks


Alt Text What makes good alt text


Accessible Prescription Labels


Guide Dog Video that leaves something to be desired


The Dreaded Text in Graphics


What if there is text in a graphic in content I want to share


Other places I look for examples

(use search engines to find)

Anything produced by Disability Rights WA

The Non-driver project

Other disability rights and disability services organizations.


Points to Remember

Use Alt Text on all images. For best results, do not rely on what happens automatically.

Avoid writing text in graphics and over images

Always Check contrast

If a platform does not allow you to make content accessible, post a link to something that is accessible.

Provide captions whenever there is audio.

To avoid causing seizures, be cautious about flash.

One last comment about logos and the importance of contrast.

YES, event sponsor logos matter.

Blind people are VERY divided about how much we want to know about other people’s appearance. As a general rule, I recommend not worrying about it unless specifically requested. But I have a T-shirt that is a bit of a joke. Two years ago I attended the American Council of the Blind national convention in Omaha NE. The convention T shirt is dark red with dark blue design, really terrible contrast. The front image is the Bob Kerrey pedestrian bridge. The back is a bunch of sponsor logos and I have to think the sponsors might prefer their logos be a little more visible. 


Final thoughts

Even if you only do one accessibility step and remember to do it all the time, your social media content will be accessible to more people.

Software and platforms constantly evolve but many customers appreciate stability and are not automatically eager to learn everything new that comes along..



Closing comments

Thank you all for joining this presentation. I hope I have left you with some easy approaches and resources.


Practical illustrations: 4 major dimensions of accessibility

#GAAD #GAAD2024 #GlobalAccessibilityAwarenessDay



A short practical take on 4 major dimensions of accessibility

 

      Perceivable: Can I find the content and elements such as headings or links?

 

      Operable: Will features such as Links, check boxes, radio buttons work with whatever access tools I am using

 

      Understandable: If my screen reader can find it and I can produce the desired action, will the results be something that makes sense. Consider images that just read “image” or ugly filenames such as the ones autogenerated in one’s phone photo gallery


 

      Robust: Do all of the above happen across platforms and tools used by different content users

 


But what if there is text in an image I want to share?

 #GAAD #GAAD2024


Advanced alt text or short message text.


It's one thing to create one's own content with text or Alt Text easily findable  by screen readers, search engines, and translation engines.


But it's SOCIAL media. That means there are all kinds of community creators who might like to have their content distributed. Here are about 3 examples of JAWS reading PowerPoint slides where there are images with varying amounts of text.


This is Zoom screen share so users cannot just hover the mouse over the image to see the Alt text.

I did not troubleshoot about captions so unfortunately there are no captions on the recordings.


The other bad news: what makes alt text functional in PowerPoint may or may not be preserved if one is creating in one platform and sharing on another.


With that, some suggestions in these recordings.


Map of Puget Sound area native tribes

In this case, I would probably just leave the content as is unless one wanted to add something about the map of the Puget Sound and the listing moving from north to south.


Find a Ride promotional copy


Promo for Town Hall event with Anna Zibarts, Barb Chamberlain, and Tanisha Sepulveda

Sponsors love to be identified. The Town Hall webpage for this event has all the sponsors listed correctly but the more important question if just sharing this image would be to make sure that Text mentions the speakers, date, time, and location of the event.


As an aside, the video also illustrates the importance of good audio video editing and teamwork in presentation. Most of the world can probably live without the details of a presenter trying to navigate. On the other hand, it would be preferable to know how to do autocaptioning appropriately when  a video is going to be screen shared.

The Ask a Human Algorithm and a learning curve: instagram and a search engine.

 Another #GAAD #GAAD2024 post with a spritz of Mother's Day celebration.


Device free family gatherings are a thing of the past, and people seem to have gotten used to it. 


This year's Mother's Day dinner conversation turned to Instagram. Instagram is a pretty unfamiliar for part of the family. For one thing there is the part below about "some screen reader users may have trouble navigating."


Nephew's biggest social network is on Instagram. It's about Subarus and off-roading. He has a huge following and his latest topic to go viral is about "regearing the CVT" For more on this topic see How Subaru owners are regearing their CVT so they crawl better


Interesting topic if one is into Subaru off-roading. Of more interest was a fast user eye view of Instagram. So now, thank you nephew,  Instagram is on RantWoman's list of platforms maybe to experiment with.


First RantWoman has to figure out logging on.


But in the meantime, what if the topic is accessibility and social media. 


Here are some suggestions from a Bing search:


Accessibility on Instagram

Please take seriously the note that some screen reader users will have trouble navigating in Instagram.)


How to make your Instagram post more accessible


So basically, people creating their own content should follow best practices about hashtags, alt text, contrast and transcripts for audio.


Special note gleaned from an event run-through: please AVOID text in images. The text is inaccessible to search engines, screen readers and automated translation algorithms


But what if, say, an outside organization asks for help to distribute material they have created that is a graphic with a lot of text. Regular Instagram posters can try and see what Instagram AI does with all that text. But sometimes it will make sense just to make sure that alt text contains really basic info such as the topic, date, time, and location of an event or a contact url, email, or phone number.


Now stay tuned to see which identities RantWoman might unleash on Instagram.



Thursday, May 9, 2024

GAADoutline

 Assembled in preparation for a presentation aimed at City of Seattle staff for #GlobalAccessibilityAwarenessDay #GAAD #GAAD2024.

Intro and some presentation technology points.

First, thank you to Holly Delcambre and Autumn Harris for the invitation to present and to the tech team for helping with the presentation process. 

The initial part of this presentation is going to be a video recorded on Zoom with Zoom auto captioning. Then there will be live Q & A at the end. I am not going to interact with the chat but will ask the tech team both to collect questions and to please advise me if for instance I need to slow down for interpreters.


If for some reason screenshare doesn't work well for you, you can more or less follow along at rantwoman.blogspot.com/GAADoutline

This blog post is partly intended to parallel the Powerpoint, including a transcript of planned content. The slides contain links to individual posts at my personal blog,   RantWoman.Blogspot.com The presentation will also include links to other resources.

The presentation strives to model some presentation best practices. I am not going to read every link for the demos presented but they can be found using the hashtags #GAAD and #GAAD2024 on my blog. 


For more extensive commentary about Powerpoint, though probably not about presenting with a screen reader check out the Death by Powerpoint tag.


Finally, in addition to hashtags and my personal idiosyncratic tags, this post uses Headings to allow screen reader users to find pieces of the post without having to reread the whole post.


More technological comments:

I use both screen reader and screen enlargement. I am not a fount of wisdom about issues like back end screen reader accessibility for blogger. I simply use the tools I have learned in the platforms I am most comfortable in.


I also am not a whiz about Powerpoint, content design, video creation and editing, or every nuance of screen readers. The Powerpoint presentation includes links to some demos of user experience with a screen reader. Demos will be screen share recordings with sound in Zoom and captioning will be Zoom auto-captioning. I hope the presentation will be memorable anyway.


The recording links will be added to this post after the presentation.


There are MANY content Creation tools out there. People consume social media content in all kinds of ways. I am going to focus on just a few dimensions of accessibility with some brief demos of user experience when #A11y is neglected. I hope viewers will come away with at least one tip they can use all the time with the tools they already use or a vision of features they need in any tools they are considering.


More detail

All purpose standards reference: Web Contant Accessibility Guidelines, currently WCAG 2.0 with many helpful links at WebAIM.org


#A11y tips for people who are blind

--Use Alt Text to describe images

--Capitalize every word in hashtags

--Put event details in plain text even if you are also uploading a great graphic with the event details in graphic format. Also helpful: provide a link if you want to provide more information than is allowed in one post (Personally, I do not currently have a paid presence on X / Twitter. I consider it good discipline to fit my post in the current 280 character limit.)

--There is sound and there is sound: Consider a short video that has some kind of catchy music but nothing audible to aid a blind person in understandaing what the video is about. See Demo

--There is a whole separate section in hell for text in graphics. More about this separately.

--DO NOT roll text over video content, especially over the faces of people talking. Screen reader users will not find such text at all. People who are low vision may have trouble focusing fast enough to read the text. Many people, not just people who identify as Deaf or hearing impaired rely a great deal on lip reading as well as facial expression. Just avoid text over other content.


#A11y Tips for people who are low vision or color blind.

--CONTRAST matters for people who are low vision or color blind. Also many people do not own printers but may print in places like public libraries that have only black and white printing.

--Contrast checking for color content is complex. Some content creation tools have contrast checkers built in. In other cases, an internet search might start with the info available through The WebAIM Contrast checker Pick an approach you like and stick with it.

--Quick and Dirty: Use operating system tools to Test how your content looks in Black and White.

--My Quick and Dirty for this presentation will use screenshots and Zoom clips in color schemes availabe through Zoomtext, the screen enlargement tool I use.

--Contrast again: Text over images is not picked up by screen readers and may not be identifiable to people who are low vision. 


#A11y tips for people who are deaf or hearing impaired.

--For short social media posts, consider posting a transcript separately.

An Example with both Video and a Transcript


Other Miscellaneous tips:

Beware of images with flash: some flash rates can cause seizures

Built accessibility in from the outset. make it a habit. That way, even if you are as adept as RantWoman at pushing deadlines, you won't lose the accessibility game.

Know the limits of your tools:

--How much alt text is allowed.

--Do you have options in your tool to check contrast or do you need to look for a tool that checks contrast?

--Do you trust automated text captioning or alt text generation or do you need to plan for that as part of the work plan.

--If you are creating content in one platform and then exporting it to a PDF or to another platform will functionality such as links and headings be preserved?

--If the platform you want to post to does not make it easy to create accessible, post a link to accessible content from another platform.


Other Examples


Quick and Dirty Contrast Checks


Alt Text What makes good alt text


Accessible Prescription Labels


Guide Dog Video that leaves something to be desired


The Dreaded Text in Graphics


Other places I look for examples

(use search engines to find)

Anything produced by Disability Rights WA

The Non-driver project

Other disability rights and disability services organizations.


Points to Remember

Use Alt Text on all images. For best results, do not rely on what happens automatically.

Avoid writing text over images

Always Check contrast

If a platform does not allow you to make content accessible, post a link to something that is accessible.

Provide captions whenever there is audio.

To avoid causing seizures, be cautious about flash.

One last comment about logos and the importance of contrast.

YES, event sponsor logos matter.

Blind people are VERY divided about how much we want to know about other people’s appearance. As a general rule, I recommend not worrying about it unless specifically requested. But I have a T-shirt that is a bit of a joke. Two years ago I attended the American Council of the Blind national convention in Omaha NE. The convention T shirt is dark red with dark blue design, really terrible contrast. The front image is the Bob Kerrey pedestrian bridge. The back is a bunch of sponsor logos and I have to think the sponsors might prefer their logos be a little more visible. 


Final thoughts

Even if you only do one accessibility step and remember to do it all the time, your social media content will be accessible to more people.

Software and platforms constantly evolve but many customers appreciate stability and are not automatically eager to learn everything new that comes along..



Closing comments

Thank you all for joining this presentation. I hope I have left you with some easy approaches and resources.


The dreaded text in graphic

    In preparation for #GAAD #GlobalAccessibilityAwarenessDay  #GAAD2024




Presenting: text inside a graphic. done:

Two big reasons text in image post are 


1. A desire to fight algorithms that key on text. That means I have no way of knowing exactly what objectionable content people are reacting to.


2. Screenshots. Related to the above but also used for other reasons such as assistance with troubleshooting.











Another Bite at the same apple. This post is accessible for screen reader users on a smart phone. The screenshot does not capture the full text and a screen reader user may or may not be able to extract text depending on what OCR (Optical Character Recognition) tools the person has.

The joke part of this post: one is not sure whether someone simply forgot to post a picture or whehter the picture is not there on purpose and the text is a joke example of what happens sometimes when people rely on automated accessibility in places like Facebook.  




OR

Just forget all that and post a link to the content and let everyone solve their accessibility needs on their own platforms