Accessibility audit tools
Accessibility audit tools
Notes on virtual Drupal Meetup presentation on accessibility audit tools
April Drupal meetup was held online to comply with social distancing restrictions. It was great to check in with other Drupal professionals from all over Australia in these weird times.
TL;DR;
- A11Y is short for accessibility (https://a11yproject.com/ is a great for tips on accessibility)
- Accessibility should not be an afterthought in the design/development process
- Unfortunately only 20% to 50% of all accessibility issues can be automatically detected (but maybe even less)
- CLI audit tools have very limited scope of testing
- Paid SAAS platforms have very nice features and reports, but still miss a lot of accessibility issues
- TIP: Start at the design stage, when creating colour schema of your web application use a11y plugins available for most used design tools like Sketch and XD (for example Stark)
- TIP: To speed up testing and fixing issues, create a one-page style guide with a collection of all possible elements and components used in your web application with all colour variants
Resources
Presentation:
Checklists:
- https://webaim.org/standards/wcag/checklist
- https://www.w3.org/WAI/WCAG21/quickref/
- https://www.w3.org/TR/2006/WD-WCAG20-20060427/appendixB.html
Free audit tools:
- All 140 tools https://www.w3.org/WAI/ER/tools/
- HTML validation https://validator.w3.org/nu/
- WAVE https://wave.webaim.org/extension/
- AXE https://www.deque.com/axe/
- ARC Toolkit https://www.paciellogroup.com/toolkit/
- WCAG Accessibility Audit https://chrome.google.com/webstore/detail/wcag-accessibility-audit/kpfleokokmllclahndmochhenmhncoej?hl=en
- Accessibility Insights for Web https://accessibilityinsights.io/docs/en/web/overview
- Mozilla Firefox Accessibility Inspector https://developer.mozilla.org/en-US/docs/Tools/Accessibility_inspector
- Google Chrome Lighthouse https://developers.google.com/web/tools/lighthouse
- Visual Aria https://github.com/accdc/visual-aria
- AXE-CLI https://github.com/dequelabs/axe-cli
- PA11Y https://pa11y.org/
- Lighthouse CLI https://github.com/GoogleChrome/lighthouse#using-the-node-cli
Paid SAAS tools:
- AXE PRO https://www.deque.com/axe/axe-for-web/
- WAVE https://wave.webaim.org/api/ or https://pope.tech/
- TENON https://tenon.io/
- DYNOMapper https://dynomapper.com/