While testing and Android app with TalkBack I found some visible text that duplicates a button’s label. So this caused me to hear the text “do something” twice. Wasn’t sure if this was an issue but I checked with an expert, Roy Nickelson, and verified that this is a violation of the Level Access… Read more Andriod – Visible text that duplicates labels for controls
Alway maximize your web pages with zoom level set to 100% to ensure your screen reader can access all available content. Here is a great blog post from Freedom Scientific on the topic. Responsive Web Design: Why one site can behave differently on different PCs and browsers
Here is a great new resource for JAWS HTML Support. https://freedomscientific.github.io/VFO-standards-support/html.html
Generally speaking iOS/VoiceOver does not follow shallow focus targets. Since around iOS 10, it appears that when focus is not moved directly to text, VoiceOver does not follow it, such as the case when moving focus to the outer container of a deeply nested structure. My recommendation is to move focus closest to the text… Read more iOS/VoiceOver does not follow shallow focus targets
A colleague provide the following resource that addresses the following question. In ARIA, what is the difference in how JAWS treats role=”applications” and role=”document”? See http://www.freedomscientific.com/Support/TechnicalSupport/Bulletin/1665 Strangely, this bulletin does not address role=”document” as promised but is still a great read.
Typically, when screen readers encounter forms they switch to forms mode which only supports TAB key navigation. So if there is any non-interactive content within the form it will be missed. It seems like role=document with tabindex=”0″ would be a good solution but according to Bryan Garaventa, Accessibility Fellow at Level Access(Formerly SSB Bart Group) it is not. Per… Read more Is it necessary use role=document and tabindex=”0″ for non-interactive content placed inside a form?
I’m currently using React to create an accesssible Tic-Tac-Toe game that I am hoping to present at the 2018 M-Enabling Summit. I’ve submitted my talk proposal, in the meantime http://chrislane.info/a11y-react-tic-tac-toe/ is a work in progress.
Make VoiceOver on iOS read error messages in the middle of the page after the page loads VoiceOver on iOS 10 moves focus to the first text node on the page after the page loads, regardless of any other focus movement bound to onload. The following example temporarily hides content from VoiceOver and moves focus… Read more VoiceOver ignores focus()