Web Accessibility testing with playwright.js & axe-core
summary
Demo integrates axe-core with playwright to run automated scans that output rule IDs, help URLs, the exact HTML line causing each violation, and an HTML reporter; examples include missing <title> (impact: serious) and multiple contrast failures below the expected 4.5:1 contrast ratio. Demo shows CI integration via GitHub Actions, test code that expects an empty results array, and cites WebAIM’s 31.3% stat for missing image alt text while noting automated checks catch common issues but require manual follow-up.
AI-written summary · about
chapters (15)
- 0:00intro
- 0:22preamble
- 0:33about taslan
- 0:47agenda
- 1:18what is accessibility (a11y)
- 2:03why is accessibility important
- 3:58web content accessibility guidelines
- 4:29wcag's principles of accessibility
- 6:32common accessibility issues
- 9:26what is web a11y testing
- 10:06automated a11y testing
- 11:29axe ally engine
- 12:25playwright
- 12:41demo time!
- 31:40get in touch with taslan
related talks
28mAutomating Accessibility with Playwright
13mHow to Use Playwright for Automating Accessibility Testing
35mAutomated Accessibility Testing
24mAutomated Visual Regression & Accessibility Testing
30mTesting Web Accessibility
33mAutomated Accessibility Testing
50mNext Generation Accessibility Test Automation
28mAutomated Accessibility Testing