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: Mallory
Date: Apr 29, 2020 3:00PM

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.


On Wed, Apr 29, 2020, at 7:33 PM, glen walker wrote:
> Agree with Amber. It's often not an obvious thing, such as the link itself
> having aria-hidden. It usually happens because a parent element (<div>)
> has it set and it propagates down to all the child DOM elements.
> On Wed, Apr 29, 2020 at 11:27 AM Amber Holladay <
> <EMAIL REMOVED> > wrote:
> > Aria-hidden is the first thing I would look for. It will hide content from
> > the screen reader, but still be visible and allow TAB focus. If you have
> > already ruled that out, you may need to give more details on the type of
> > experience to get specific answers.
> >
> >
> > > > >