Skip to content

Testing aria hidden

Carolyn MacLeod edited this page May 5, 2020 · 9 revisions

Software used for testing:

  • Windows 10
  • Chrome 81
  • Firefox 76
  • Internet Explorer 11
  • Safari ?
  • JAWS 2019
  • NVDA 2019.3.1
  • VoiceOver on iOS ? (iPad ?)
  • VoiceOver on macOS ?
  • ChromeVox on Chrome OS ?
  • Talkback on Android ?, Chrome ?
  • Orca ? Epiphany ?/ Webkit ?
  • Orca ?, Firefox ?, Ubuntu ?
  • Talkback on Android ?, Firefox ?

Results:

screen reader support for various methods of hiding content

test expected behavior JAWS + Chrome JAWS + Firefox JAWS + IE NVDA + Chrome NVDA + Firefox NVDA + IE VoiceOver macOS + Safari VoiceOver iOS + Safari ChromeVox + Chrome OS Orca + Epiphany/Webkit Orca + Firefox/Ubuntu Talkback + Android/Chrome Talkback + Android/Firefox
1. aria-hidden content visible on screen ignored by screen reader ? ? ? ? ? ? ? ? ? ? ? ? ?
2. html5 hidden content hidden (in supporting browsers) and ignored by screen reader ? ? ? ? ? ? ? ? ? ? ? ? ?
3. CSS display:none content hidden (in supporting browsers) and ignored by screen reader ? ? ? ? ? ? ? ? ? ? ? ? ?
4. CSS off screen content hidden (in supporting browsers) and announced by screen reader ? ? ? ? ? ? ? ? ? ? ? ? ?
5. HTML5 hidden aria-hidden=false content hidden (in supporting browsers) and announced by screen reader ? ? ? ? ? ? ? ? ? ? ? ? ?
6. CSS display:none aria-hidden=false content hidden (in supporting browsers) and announced by screen reader ? ? ? ? ? ? ? ? ? ? ? ? ?
7. CSS off screen aria-hidden=true content hidden (in supporting browsers) and ignored by screen reader ? ? ? ? ? ? ? ? ? ? ? ? ?
8. HTML5 hidden aria-hidden=false on child element content hidden (in supporting browsers) and ignored by AT. ? ? ? ? ? ? ? ? ? ? ? ? ?