Building Webapps for everyone - a11y with React
summary
Covers concrete rules and tools: enforces WCAG AA, uses semantic HTML instead of div wrappers, and shows form patterns that actually work — labels tied to inputs, errors linked via aria-required true and role="alert", and styling buttons with aria-disabled instead of disabled so screen readers still see them. Demonstrates tested libraries and audits: pa11y, react-axe/agnostic-axe, Storybook addon, react-aria-modal/react-aria-dialog, and a visually-hidden CSS utility, with examples of what breaks and how to fix it.
AI-written summary · about
chapters (5)
- 0:00Start
- 9:50Write Semantic HTML from the start
- 10:19Accessibility is Built In Browsers
- 10:33THINKS TO KEEP IN MIND
- 24:01Self Explanatory Buttons
related talks
34mBuilding Accessible Web Apps in React
25mBuilding Inclusive Web Experiences: Web Accessibility in ReactJS
08mA11Y and React
31mHow to Be an A11Y - Creating Accessible React Apps
48mRadically Accessible Internet Applications 💯
28mBuilding Accessible React Components
41mDemystifying Accessibility in React Apps
01h 07mA web for anyone, anywhere, anytime