Building apps for everyone - Accessibility with React Native

on YouTube ↗20m

" summary

Demo of a simple React Native to‑do app shows how adding accessibilityLabel and accessibilityTrait (plus Android’s accessibilityComponentType) fixes screen‑reader behavior so VoiceOver/TalkBack correctly announce buttons and actions; removing a misused accessible prop unblocks navigation. Claim: two properties cover roughly 60–70% of needs; about 20% of users require accessibility. Tools used: Accessibility Inspector and Accessibility Scanner* and handlers like onAccessibilityTap and onMagicTap work as expected.

AI-written summary · about

" chapters (6)

1. 0:00Introduction to accessibility
2. 2:12Who is accessibility for
3. 7:31Code for accessibility
4. 8:15Live demo with VoiceOver
5. 14:55Accessibility tools and testing
6. 17:49Planning for accessibility

" related talks

• 30mMake your React Native apps accessibleAnkita Kulkarni · App.js Conf 2019
• 23mAccessibility as a First Class CitizenSophie Au · React Summit 2020
• 26mBe a React Native A11Jen Luker · Chain React 2018
• 32mReact native and accessibilityErin Fox · Agent Conf 2020
• 42mMake Your Mobile Apps Accessible to AllHeath Borders · Strange Loop 2013
• 31mAccessibility for the App You're About to ShipAdrian Eves · Swift Rockies 2026
• 48mDevelopment for all the peopleFlorian Harr · 360iDev 2018
• 35mAccessibility in ActionKelly Shuster · droidcon Berlin 2015