Difference between revisions of "ARIA Hidden State"

From Level Access Web Labs
Jump to navigation Jump to search
Line 15: Line 15:
 
   </div>
 
   </div>
 
</html>
 
</html>
 +
 +
==Test results for ARIA Hidden State ==
 +
{| class="wikitable" border="1"
 +
|-
 +
! AT
 +
! Browser
 +
! Notes
 +
|- style="background-color:#99FF99;"
 +
|JAWS||Internet Explorer||Works as expected The text that is hidden with aria-hidden is not announced.
 +
|- style="background-color:#99FF99;"
 +
|JAWS||Firefox||Works as expected The text that is hidden with aria-hidden is not announced.
 +
|- style="background-color:#99FF99;"
 +
|NVDA||Internet Explorer|| Works as expected The text that is hidden with aria-hidden is not announced.
 +
|- style="background-color:#99FF99;"
 +
|NVDA||firefox|| Works as expected The text that is hidden with aria-hidden is not announced.
 +
|- style="background-color:#99FF99;"
 +
|VoiceOver||Safari||Works as expected, The text that is hidden with aria-hidden is not announced.
 +
|- style="background-color:#99ff99;"
 +
|Talkback||Firefox||Works as expected, The text that is hidden with aria-hidden is not announced.
 +
|- style="background-color:#99ff99;"
 +
|Talkback||Chrome|| Works as expected, The text that is hidden with aria-hidden is not announced.
 +
|-
 +
|}
 +
 +
 +
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 13:22, 8 July 2014

  • 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.