ARIA Hidden State

• aria-hidden should not be used for interactive elements that are focusable.
• aria-hidden doesn't have to be paired with display none or visibility hidden
• aria-hidden can be used to hide content such as partial pages in a magazine that are displayed for presentational purposes while keeping the main page content available to the screen reader.

There is content below that is hidden with display none and aria-hidden.

This content is hidden with ARIA hidden and CSS display none.

This content is displayed

This content is hidden with ARIA but is displayed on screen.

This is the end of the test.

aria-hidden="false"

This is example instructional text

Yes No

Test results for ARIA Hidden State

AT	Browser	Notes
JAWS	Internet Explorer	Works as expected The text that is hidden with aria-hidden is not announced.
JAWS	Firefox	Works as expected The text that is hidden with aria-hidden is not announced.
NVDA	Internet Explorer	Works as expected The text that is hidden with aria-hidden is not announced.
NVDA	firefox	Works as expected The text that is hidden with aria-hidden is not announced.
VoiceOver	Safari	Works as expected, The text that is hidden with aria-hidden is not announced.
Talkback	Firefox	Works as expected, The text that is hidden with aria-hidden is not announced.
Talkback	Chrome	Works as expected, The text that is hidden with aria-hidden is not announced.