Inclusive Experiences in React Applications: Championing Neurodivergent Accessibility
summary
Shows concrete accessibility fixes for React apps: use React/Next.js with TypeScript and Tailwind, add personalization controls (font size, contrast, dyslexia‑friendly fonts), default to no motion by default and provide an opt‑in animations toggle, prevent autoplay audio and add a mute autoplay sounds control, surface clear warnings for intense visuals, include alt text and semantic markup, and tie accessibility to SEO and legal risk. Includes examples and a Chrome extension (Beyoncé's Internet) and advice for integrating these steps into the dev process.
AI-written summary · about
chapters (8)
- 0:00Introduction and welcome
- 15:15Defining neurodivergent
- 18:30Common accessibility mistakes
- 25:09Platform-level solutions
- 38:52Transition from government work to tech
- 48:17Career shift into coding
- 53:51Future talks and advocacy
- 57:50Closing and thanks
related talks
36mAccessibility in React Application
25mBuilding Inclusive Web Experiences: Web Accessibility in ReactJS
41mDemystifying Accessibility in React Apps
34mBuilding Accessible Web Apps in React
31mHow to Be an A11Y - Creating Accessible React Apps
50mTips, tricks and tools for building accessible React web apps
34mBuilding Accessible Components in React
26mDemystifying Accessibility in React Apps