ARIA Hidden State

From Level Access Web Labs
Revision as of 15:30, 2 December 2014 by Javila (talk | contribs)
Jump to navigation Jump to 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.

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.