Accessibility Design Made Easy
summary
Adds a Protractor plugin that runs the Chrome accessibility dev tools audit inside real-browser end-to-end tests, reporting concrete failures (unlabeled select, missing image alt, bad contrast) and able to fail CI builds by modifying test exit codes. Shipping as a beta in the latest Protractor release, the plugin currently runs on teardown but will run after each test and merge results, and plans Angular-specific checks (catching non-focusable elements with ng-click) and integration with ng-hint for extra feedback.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:27What is accessibility
- 2:30Protractor end-to-end testing
- 4:42Protractor plugin framework
- 5:49End-to-end testing for accessibility
- 6:53Accessibility audits with Chrome DevTools
- 7:59Interpreting test results
- 9:03Future plugin improvements
related talks
32m30 Minutes or Less: The Magic of Automated Accessibility Testing
49mAutomated & Manual Testing + AI: A Holistic Approach to Accessibility
43mHow to use Chrome DevTools to improve accessibility of your webpage
49mAccessible Angular.js
35mAccessibility (when you don't have time to read the manual)
56mAccessibility Testing 101
12mReact Accessibility: Beyond the Basics
53mAutomating Accessibility Assurance