ARIA Hidden State

From Level Access Web Labs
Revision as of 13:22, 8 July 2014 by Rnickelson (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

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.