search

e-mission / e-mission-docs

Repository for docs and issues. If you need help, please file an issue here. Public conversations are better for open source projects than private email.
https://e-mission.readthedocs.io/en/latest
BSD 3-Clause "New" or "Revised" License
15 stars 32 forks source link

👤🔊 OP Accessibility: Screen reader on BottomNavigation buttons reads out "Label label" #1049

Open sebastianbarry opened 4 months ago

sebastianbarry commented 4 months ago

Continuation of https://github.com/e-mission/e-mission-phone/pull/1118#issuecomment-1936710796

We solved a lot of Screen reader accessibility problems, but this one remains.

We see the React Native Paper component named BottomNavigation reading as double "Label label", "Profile profile", etc. because the React Native Paper bottomNavigation component creates 2 text elements. It makes one of the 2 transparent for the tab selected, and lets the 2 text elements opaque for the non-selected tabs.

shankari commented 4 months ago

@sebastianbarry please make sure that all the pending issues in https://github.com/e-mission/e-mission-phone/pull/1118#issuecomment-1936710796 are tracked for follow-up