ARIA Hidden State
Jump to navigation
Jump to search
Example radio button issue
- 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 is the end of the test.
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. |