WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Issue with aria-hidden=true

for

From: glen walker
Date: Jul 20, 2020 3:15PM

Those purple notes about ARIA are just intended for you to check your code
to make sure they're ok. The WAVE doc for this particular note says "The
hidden content must not contain any navigable elements (such as links or
form controls)"

I looked at one example and it doesn't fall into that category. The hidden
content itself doesn't contain any navigable elements but rather the hidden
content is *contained* in a navigable element. You have

<a href="...">
<svg aria-hidden="true">
</svg>
other text
</a>

In this case, you're ok because there is text associated with the link.

For the social media icons, you don't have extra text so it *is* a
problem. The link has nothing to announce.

<a href="...">
<svg aria-hidden="true">
</svg>
</a>