search

reach / router

https://reach.tech/router
MIT License
6.9k stars 326 forks source link

Android Talkback usability problem with `role=group` container #316

Open fymmot opened 5 years ago

fymmot commented 5 years ago

Serious Android Talkback usability problem with role=group container

Equipment

Description

The wrapper with role=group and tabindex=-1 causes a quite serious usability issue for visually impaired users with Talkback on Android.

The wrapper is findable by the user both when swiping between elements and when using explore-by-touch. In the case or exploring by touch this is a big problem, since the wrapper is always in the background behind the page content. Whenever the user searches the screen and places his/her finger between elements, like between text paragraphs or list items, the wrapper is focused and read.

I recorded a demo of the effect here: https://youtu.be/fOszjWSr5tU

This issue is only present with Talkback on Android, not VoiceOver on iOS. VoiceOver has the desired behavior, i.e. the wrapper is never findable and does not interfere with explore-by-touch.

I have not been able to verify exactly what causes the problem (CodeSandbox does not play nice with my phone).But I suspect it is role=group, tabindex=-1 or a combination of the two.

blainekasten commented 5 years ago

cc @madalynrose for accessibility thoughts