ReactNative accessibility

By beero, 9 September, 2022

Forum
App Development and Programming

hello dears
please need your advice for develop accessible app using ReactNative
i have difficulty to access bottom sheet used in app made by this language.
is it has accessibility solution for this method?
or should have different interface always on if VO is on ?
waiting your support please.

Options

Comments

By Marconius on Friday, September 23, 2022 - 02:16

If possible, just don't use react-native. It's frustrating for both developers and users alike. You should also do everything you can to not segregate the experience between VO and non-VO users. Here's a guide for general react-native accessibility, but still, creating apps natively with SwiftUI for iOS and following Apple's HCI best practices will make for a much better and more inclusive experience overall.

https://reactnative.dev/docs/accessibility
https://www.shopify.com/partners/blog/react-native-accessibility

By beero on Sunday, October 23, 2022 - 02:16

most features in app work fine, but we didn't find solution for bottom-sheet function
any tips for make it accessible with VO?
do you think could add UI without bottom-sheet with VO-Enabled
without effecting Nun-VO users?
thanks

By Kevin Shaw on Sunday, October 23, 2022 - 02:16

having made the mistake of developing an app in React, I can agree with the first commenter here that React isn't great for VoiceOver accessibility.

That being said, you may wish to reconsider the interaction pattern from a bottom sheet to a modal if the content needs to persist until user interaction.

the bottom sheet can confuse some users who tap outside the bottom sheet area, which is why a modal or a full height sheet may work better for a VoiceOver user.

Good luck.