Can't touch this - Different ways users interact with their mobile devices
summary
Covers concrete ways people avoid touch: TalkBack and VoiceOver screen readers, physical keyboards, switch devices, voice recognition and zoom/magnifiers, and why each matters for React Native apps. Recommends visible focus styles with high contrast, programmatic headings via accessibilityRole="header", adding name/role/state on custom controls (example: a touchable with accessibilityRole and accessibilityState disabled), and respecting reduced motion via AccessibilityInfo.isReduceMotionEnabled while testing with each input method.
AI-written summary · about
chapters (18)
- 0:00Intro
- 0:10Can you touch this
- 1:40Slides
- 4:14Main topic
- 4:45Screen readers
- 6:57Physical keyboards
- 9:16Switch devices
- 12:08Voice recognition
- 12:56Zooming Screen magnifying
- 14:30What does this mean for developers
- 15:15Focus Styles
- 17:27Headings
- 18:47Accessibility Role
- 19:21Name Role Status
- 20:17Example
- 22:26Respect Reduced Motion
- 24:44General advice
- 26:18Conclusion
related talks
20mBuilding apps for everyone - Accessibility with React Native
37mDeep-Dive Into Mobile Accessibility & Interactive Quiz
12mThe Secrets of Android Accessibility
22mAccessibillity in Motion
46mMobile accessibility - challenges and best practices
53mDoing Responsive Right: Accessibility Lessons from the Field
30mMake your React Native apps accessible
05mHow to use the Screen Reader you already have in your pocket