(Last Updated on )
Ok, so you’re making a React or React Native app. Don’t! Make a Progressive Web App. Sprinkle some Trusted Web Activity goodness to put it in the Play store wrap it with Capacitor.js if it needs push notifications or to go in the App Store (until the EU Digital Markets Act is ratified so Apple is required to allow more capable browsers on iOS).
But maybe you’re on a project that is already React Native, perhaps because some psycho manager flew in, demanded it and then returned to lurk in Hades. In which case, this might help you.
- Improve Accessibility in Your React App By Managing Focus in Mutable Content – Leverage the component “lifecycle” with useEffect to set the active element in the DOM
- React Native Accessibility – GAAD 2022 Update – official announcement
- Accessibility in React – MDN article to learn about implementing keyboard accessibility in React.
- FocusScope – is a utility component that can be used to manage focus for its descendants, from Adobe’s React ARIA component library
- Creating Accessible React Native Apps – good intro from a Shopify dev
- Accessibility from the official RN docs
- Setting Focus For Accessibility In React Native – the bane of React Native devs’ lives (and of their users’)
Testing
I like Expo (and wrote some random Expo tips). Expo Snacks are like ‘codepens’ for React Native.
Bugs?
Open Accessibility bugs – Facebook’s official list, and accompanying blog post.