Oh S***! There's a New Accessibility Law and I'm Not Ready!
summary
New European Accessibility Act brings a June 28th deadline and the checklist is specific: adopt semantic HTML instead of divs-for-everything, swap custom clickable divs for real <button>s, use aria-expanded toggled with the hidden attribute for disclosures, announce search and errors with role="alert" and set aria-invalid on bad inputs, add ESLint plugin jsx-a11y, axe core in Jest/Playwright/Cypress, and test with NVDA or VoiceOver and keyboard — the talk shows working code patterns, tools, and measurable user-facing fixes.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:26Accessibility matters
- 4:21Accessibility laws overview
- 8:18Practical accessibility basics
- 11:10Semantic HTML
- 13:44Interactive elements semantics
- 15:57Disclosure patterns accessibility
- 18:22Search results accessibility
- 20:31Error messages accessibility
- 26:55Testing strategies
- 29:48Manual testing
- 30:52Next steps
related talks
38mAccessibility 101-102: What every tester should know about digital accessibility
15mAccess-what? why and how. A11Y for all
22mFrom a Workshop to a Wake-Up Call: My Journey into Accessibility
50mShift Left on Accessibility: Beyond the Audit
43mWhat is accessibility, and why I should care?
41mAccessibility is a Requirement
06mWeb Accessibility by 2025
30mAccessible.JS