React Native is a cool framework for creating cross-platform mobile applications that work for everyone. And making apps accessible to all isn't just awesome; it's the right things to do.

Looking for awesome-react-native?

• Official documentation
• Packages
• Tools
• Articles
• Follow

Resources provided by Facebook for React Native accessibility

• Accessibility (React Native)
  • The accessibility page of the React Native docs.
  • Takeaway: React Native aids accessibility by providing standardized properties that convert to native accessibility code on iOS and Android.
• Accessibility API Updates (React Native Blog)
  • An update to the API that combined accessibilityComponentType and accessibilityTraits into one cross-platform property, and added accessibilityHint and accessibilityIgnoresInvertColors.
  • Takeaway: accessibilityRole has fewer options than accessibilityTraits on iOS, but works for both platforms.
• Making React Native apps accessible (Facebook)
  • A (now dated) summary of how Facebook made their Ads Manager app more accessible.
  • Takeaway: A lot can be accomplished using accessible and accessibilityLabel props.

Online resources, software, and applications to aid in accessibility development and testing

• Accessibility Scanner (Google Play)
  • "Accessibility Scanner is a tool that suggests accessibility improvements for Android apps without requiring technical skills. Just open the app you want to scan, then tap the Accessibility Scanner button to find items in the app that might benefit from accessibility improvements."
• TalkBack

• VoiceOver

Packages that provide helpful accessibility resources

• eslint-plugin-react-native-a11y (GitHub)
  • A collection of React Native specific ESLint rules for identifying accessibility issues
• react-native-accessibility (GitHub)
  • Utilities for triggering the screen reader and autofocusing views

Thorough looks into React Native accessibility

• Creating inclusive apps in React Native (Medium)
  • Larene Lg summarizes the best practices in React Native accessibility.
  • Takeaway: accessible and accessibilityLabel are the most common and useful accessibility props.

Step-by-step guides to making accessible React Native apps

• Making accessible React Native apps (Pusher)
  • Wern Ancheta makes an inaccessible app more accessible.
  • Takeaway: Don't neglect the visual contrast and text size in addition to the React Native accessibility props.

Miscellaneous articles related to React Native accessibility

• Mobile Accessibility Resources (Medium)
  • Larene Lg's list of resources and applications for mobile accessibility.
  • Takeaway: Tech companies and governments have made resources available to help you on your quest.

A list of people and companies mentioned above

• Larene Lg (Twitter)
• Max Toyberman (GitHub)
• Wern Ancheta (GitHub)

• Formidable Labs