Accessibility + TDD == easy && !impossible

on YouTube ↗01h 05m

" summary

Shows how Test-Driven Development uses the accessibility APIs to make front-end work faster and safer: builds a Next.js/Tailwind/React enrollment page driven by Playwright tests, uses Axe Core scans plus component testing, enforces one H1, combo box accessible names, and aria-describedby-linked error text with a live-region alert. Automation catches ~20–30% of issues; one in five Australians (≈5M) benefit; accessible tests act as a stable contract so refactors keep working.

AI-written summary · about

" chapters (40)

1. 0:00Accessibility + TDD intro
2. 1:07Why accessibility & TDD overlooked
3. 3:13Human impact of accessibility
4. 4:55Presenters Maya & Chris
5. 6:21Live coding demo setup
6. 8:04First failing test for title
7. 9:06Adding heading & testing Axe Core
8. 11:16Semantic HTML & headings
9. 15:28Fixing heading structure
10. 16:30Axe Core & Playwright integration
11. 19:20Testing course enrollment interaction
12. 20:23Testing combo box accessible name
13. 21:52What is an accessible name
14. 24:18Labels & accessible names best practices
15. 25:22Refining accessible name tests
16. 26:25Role vs selectors for testing
17. 27:07Testing select element course options
18. 28:09Testing course ID & submit button
19. 29:10Building enrollment table structure
20. 30:55Testing table cells & helpers
21. 32:20Testing workload concerns
22. 35:25Refactoring components & coverage
23. 36:48Parameterizing tests for courses
24. 37:51Mocking API & fetching data
25. 38:32Adding visual styling accessibly
26. 39:56Testing input validation
27. 41:41Playwright component setup
28. 42:22HTML & React roles
29. 47:01Testing unselected course validation
30. 48:04Native browser validation
31. 49:29Error message accessibility
32. 51:39Making error messages persistent
33. 53:04Testing error message visibility
34. 54:07aria-describedby for errors
35. 56:37role alert for screen readers
36. 58:24Screen reader demo with alert
37. 1:00:51Live regions & dynamic content
38. 1:01:53Accessibility legal requirements
39. 1:02:57Summary & benefits
40. 1:04:45Q&A

" related talks

• 51mToDo: Test Driven Development and AccessibilityRita Castro · JNation 2026
• 33mAutomated Accessibility TestingAnna Maier · Devoxx Belgium 2024
• 45mTips from the Trenches: Accessibility TestingManoj Kumar · Agile India 2021
• 56mAccessibility Testing 101Erissa Duvall · Conf42 Kube Native 2023
• 25mHow to do good without doing anythingYuraima Estevez · LeadDev Live 2020
• 35mAutomated Accessibility TestingAnna Maier · JCON EUROPE 2025
• 34mAdding accessibility into Unit TestsElizabeth Simister, Heidi Jungel · SeleniumConf London 2019
• 44mTesting Web AccessibilityAdrián Bolonio · jsday 2022