Testing aria-hidden that includes interactive elements
aria-hidden
removes elements from accessibility tree. But they are still accessible when we use the tab keys.
This demo is just to check the behaviour with screen-readers...
Notes and results
I would say that TalkBack and VoiceOver on iOS respects the aria-hidden to the point - totally ignoring all interactive elements, even if we tap them directly.
Screen-reader results
- NVDA
- Tab to element - blank as name, neither buttons nor links are available in elements list
- Narrator
- Tab to element - names are respected just like if there was no aria-hidden, links are available in Narrator List of links
- TalkBack
- Links and buttons not reachable at all not exposed from the TalkBack menu
- VoiceOver
- Links and buttons not reachable at all not exposed from the Rotor
- NVDA
- Tab to element - blank as name, neither buttons nor links are available in elements list
- Narrator
- Tab to element - names are respected just like if there was no aria-hidden, links are available in Narrator List of links
- TalkBack
- Links and buttons not reachable at all not exposed from the TalkBack menu
- VoiceOver
- Links and buttons not reachable at all not exposed from the Rotor