-
Notifications
You must be signed in to change notification settings - Fork 124
Testing aria hidden
Carolyn MacLeod edited this page May 8, 2020
·
9 revisions
- Windows 10
- Chrome 81
- Edge 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 ? on Firefox ?/Ubuntu ?
- Talkback ? on Android ?/Firefox ?
- Talkback ? on Android ?/Firefox ?
screen reader support for various methods of hiding content
| test | expected behavior | JAWS + Chrome | JAWS + Edge | JAWS + Firefox | JAWS + IE | NVDA + Chrome | NVDA + Edge | 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=true |
content visible and ignored by AT | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
2. html hidden |
content hidden and ignored by AT | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
3. CSS display:none |
content hidden and ignored by AT | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
4. CSS visibility:hidden |
content hidden and ignored by AT | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
5. CSS off screen |
content hidden and announced by AT | read | read | read | read | read | read | read | read | ? | ? | ? | ? | ? | ? | |
6. CSS off screen aria-hidden=true |
content hidden and ignored by AT | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
7. HTML hidden aria-hidden=false |
content hidden and announced by AT | ignored | ignored | ignored | read | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
8. CSS display:none aria-hidden=false |
content hidden and announced by AT | ignored | ignored | ignored | read | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
9. CSS visibility:hidden aria-hidden=false |
content hidden and announced by AT | ignored | ignored | ignored | read | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
10. HTML hidden aria-hidden=false on child element |
content hidden and ignored by AT | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? | |
11. aria-hidden=true with aria-hidden=false on child element |
content hidden and ignored by AT | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ignored | ? | ? | ? | ? | ? | ? |