Accessibillity in Motion

on YouTube ↗22m

" summary

Shows how to make React Native animations work with screen readers and Reduce Motion using Reanimated and React Native APIs. Explains iOS replace vs Android remove animations behavior, gives numbers (82% of iOS 17 users enable dark mode, ~1 in 12 males color blind), and warns that reanimated’s useReducedMotion reads only at startup while AccessibilityInfo offers a real‑time listener. Demonstrates the swap don't strip pattern (replace zoom with fade), how reducedMotion config is global, using live regions/focus or accessibilityActions for appearing elements and swipe‑to‑delete, and why toasts often fail accessibility.

AI-written summary · about

" chapters (5)

1. 0:00Introduction and participation
2. 3:47Animations and accessibility
3. 11:54Color contrast and screen readers
4. 17:56Gestures and toasts
5. 21:05Summary and key questions

" related talks

• 30mMake your React Native apps accessibleAnkita Kulkarni · App.js Conf 2019
• 29mCan't touch this - Different ways users interact with their mobile devicesPanula · React Native EU 2022
• 20mBuilding apps for everyone - Accessibility with React NativeAkshat Paul · React Native EU 2018
• 32mReact native and accessibilityErin Fox · Agent Conf 2020
• 26mBe a React Native A11Jen Luker · Chain React 2018
• 37mDeep-Dive Into Mobile Accessibility & Interactive QuizFanny Demey · Droidcon London 2023
• 28mDemystifying complex animations creation process in React NativeVladimir Novick · React Native EU 2018
• 35mAnimations and gesture handling in React Native and native languagesMichał Osadnik · Mobilization 8