Crafting an Inclusive Shopify Point of Sale
summary
Personal story motivates building accessible React Native Shopify POS components; claims include that 5.6 million Canadians face vision loss and vision-impaired population may grow 55% by 2050. Practical fixes shown: use require accessibilityLabel in design system, avoid bloated alt text, move critical text from hints into labels, and split list rows—group rows into two elements—so multiple onPress targets still work. Tools and patterns include React Native accessibility props, FlashList optimizations, autofocus focus-management, and testing with VoiceOver/Voice Control; implemented patterns improve speed and usability.
AI-written summary · about
chapters (6)
- 0:00Introduction and personal story
- 4:37Accessibility terminology basics
- 8:52Design system accessibility
- 13:08Strategic grouping for screen readers
- 18:28Content hierarchy and focus management
- 21:03Conclusion and resources
related talks
33mBuilding Systems for Accessibility
16mHow Contributing to OS is Helping Shopify & RN to Build the Future of Mobile
34mBuilding Accessible Web Apps in React
20mBuilding apps for everyone - Accessibility with React Native
31mHow to Be an A11Y - Creating Accessible React Apps
58mInclusive Experiences in React Applications: Championing Neurodivergent Accessibility
23m12 Tips For More Accessible React Apps
32mBuilding Empathy and Accessible Apps