Why does Siteimprove flag aria-hidden?

Modified on: Mon, 22 Feb, 2021 at 4:45 PM

'aria-hidden' can be used to hide visibly rendered content from assistive technologies.
If an editor wants to hide content from all users, we recommend using the HTML5 ‘hidden’ attribute (along with CSS 'display: none' for browsers that do not yet support 'hidden').

When can aria-hidden be used?
It is appropriate to use 'aria-hidden' if hiding this content is intended to improve the experience for users of assistive technologies by removing redundant content.

In some cases, 'aria-hidden' can be used with using JavaScript to trigger an element to become visible.

<p aria-hidden="true">This content is hidden.</p>
<p aria-hidden="false">This content is not hidden.</p>

Siteimprove flag aria-hidden based on this premise that the HTML5 ‘hidden’ attribute is the correct way to hide elements, and ‘aria-hidden’ could be either true or false based on its use.

Further information on aria-hidden on W3C.

Did you find it helpful? Yes No