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


Demo

Button and link that have aria-hidden attribute


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