ARIA Hidden State

From Level Access Web Labs
Jump to: navigation, search
  • 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 displayed

This is the end of the test.

aria-hidden="false"

Example radio button issue

This is example instructional text

Example Controls

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.