WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Scripting Question: Content Not Appearing In Screen Reader View Of Page, But Can Tab To It


From: Patrick H. Lauke
Date: Apr 30, 2020 6:32AM

On 29/04/2020 22:00, Mallory wrote:
> I recently was inspecting a page (but not with a screen reader), checking out what the chromes were spewing into their a11y tree. Hidden things are labelled as "Ignored". I found a star-rating system which had hidden text inside spans with the usual Itemprop attributes... but even after playing with CSS styles and removing class names until I could visually see the text, I could not figure out what was triggering that content as being labelled Ignored.
> *most* of the time it's easy enough to find, but in browser devtools where you can see the a11y tree, you may have to move "up" to ancestors to find who is the culprit. But rarely, there are instances where it's difficult to determine.
In Chrome's Accessibility panel, beyond the a11y tree showing "Ignored",
you should also be able to see in the "Computed properties" when an
ancestor was set to hidden, and get a clickable reference to that ancestor

(along lines of Accessibility node not exposed / aria-hidden is true on
ancestor: div#info.style-scope.blah ...)


Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke