A11y Broke My Build
summary
Accessibility is moved left into CI and local dev: linting with eslint + lint-staged blocks commits for missing labels, unit tests run components through axe-core unit tests to catch missing button text, and end-to-end tests use playwright E2E checks to scan pages. Machines catch roughly 40–57% of issues, humans add up to ~68%, and an automated sitemap run finds 155 issues and 51 critical errors on a site, causing the build to fail until links, alt text and contrast are fixed.
AI-written summary · about
chapters (10)
- 0:00Accessibility in development
- 0:51Shifting left for accessibility
- 1:53Automating a11y linting
- 3:44CI with pre-commit hooks
- 4:48Unit testing a11y components
- 5:53Integration testing views
- 6:40E2E testing with Playwright
- 8:07Adding tests to pipeline
- 8:51Lighthouse CI scans
- 10:41Conclusion and key takeaways
