Resources
Fundamentals
Pattern examples
Research and testing
General accessibility testing
- Web Accessibility Evaluation Tool (WAVE): browser extension for accessibility evaluation
- axe DevTools: browser extension for accessibility testing
- IBM’s Equal Access Checker: browser extensions and CI/CD node packages for accessibility testing
- TetraLogical A11y Quick Tests: series of very short videos on accessibility testing methods
Color accessibility checkers
- Let’s get color blind: browser extension that adds color blindness filters to web sites
- WebAIM Contrast Checker: website for checking color contrast
- Colour Contrast Checker: website for checking color contrast
- Sim Daltonism app: macOS application “window” for viewing color blindness
Other testing
- HeadingsMap: browser extension that displays the page’s heading structure in a compact outline
- Chartability: methodology for ensuring that data visualizations, systems, and interfaces are accessible
Tools
- IBM’s Accessibility Design Kit: design kit extensions for Figma and Sketch that provide checklists, guidance, and handoff assets
- Poet image description tool: provides assistance and advice for describing images
Training
- Free Web Accessibility course on Udacity
- Deque University
- EdX Accessibility Courses
- WebAIM Training
- How A Screen Reader User Accesses The Web: A Smashing Video (with Léonie Watson) — Highly recommended!
- Google Chrome Developers #A11ycast on YouTube
- Google Developers: Progressive Web Apps Training
- Google A11ycasts
- Web Accessibility Perspective Videos
- US Department of Education OCR Video Series
