Screen readers focus position resets when going back
#11.189 aberto em 3 de fev. de 2023
Métricas do repositório
- Stars
- (23.189 estrelas)
- Métricas de merge de PR
- (Mesclagem média 7d 6h) (27 fundiu PRs em 30d)
Description
Current behavior
I am currently working on the accessibility of an application for visually impaired people and I am having a focus problem with screen readers (VoiceOver and TalkBack).
When a user activates an interactive element (Button, TouchableOpacity, ...) to navigate to another screen and then decides to return to the previous screen, the screen reader's focus is reset to the first element.
Below is an example of what happens:
https://user-images.githubusercontent.com/7073407/216574419-a83f9e9e-3401-4b87-a299-a827948172ef.mp4
Expected behavior
Normally when a user returns to the previous screen the focus should be on the last item they interacted with.
Imagine the pain these users experience when they open an item in a FlatList. They have to go through everything again.
Reproduction
Must be tested on a physical device. Activate VoiceOver or TalkBack in your smartphone settings, then activate the "Open target" button on the HomeScreen, you will now be on TargetScreen, then return to the previous screen by activating the back button. The focus will be reset to the first element of the HomeScreen.
https://snack.expo.dev/@foohx/reset-sr-focus-when-going-back
Platform
- Android
- iOS
- Web
- Windows
- MacOS
Packages
- @react-navigation/bottom-tabs
- @react-navigation/drawer
- @react-navigation/material-bottom-tabs
- @react-navigation/material-top-tabs
- @react-navigation/stack
- @react-navigation/native-stack
- react-native-tab-view
- flipper-plugin-react-navigation
Environment
I've removed the packages that I don't use
| package | version |
|---|---|
| @react-navigation/native | 6.1.3 |
| @react-navigation/bottom-tabs | 6.5.4 |
| @react-navigation/native-stack | 6.9.8 |
| react-native-safe-area-context | 4.4.1 |
| react-native-screens | 3.18.0 |
| expo | 47.0.0 |