Accessibility Issues
A website to demonstrate and explain common accessibility issues and to audit automated accessibility tools.
Issues
| Accessibility Issue | Automatable | Tenon | Wave | aXe | Sniffer | Chrome | v.Nu | WCAG 2.0 | Info |
|---|---|---|---|---|---|---|---|---|---|
| Image with no alt attribute | Automatable | Yes | Yes | Yes | Yes | Yes | Yes | 1.1.1 Non-text Content | |
| Content image with empty alt attribute | Manual | n/a | n/a | n/a | n/a | n/a | n/a | 1.1.1 Non-text Content | |
| Content image with useless text alternative | Manual | n/a | n/a | n/a | n/a | n/a | n/a | 1.1.1 Non-text Content | |
| Missing H1 | Automatable | No | Yes (alert) | No | Yes | No | No | 1.3.1 Info and Relationships | G141 |
| Empty TH | Automatable | Yes | Yes | Yes | No | No | no | 1.3.1 Info and Relationships | |
| Insufficient color contrast | Automatable | No | Yes | Yes | No | Yes | No | 1.4.3 Contrast (Minimum) | G18 |
| Missing page title | Automatable | Yes | Yes | Yes | Yes | Yes | Yes | 2.4.2 Page Titled | H25 |
| Empty page title | Automatable | Yes | Yes | Yes | Yes | No | Yes | ||
| Missing 'lang' attribute on the HTML element | Automatable | Yes | Yes | Yes | Yes | Yes | No | 3.1.1 Language of Page | H57 |
| Anchor element with an ID but without an href or link text | Automatable | No | No | No | Yes | Yes | No | 4.1.2 Name, Role, Value | H91 |
| Text is very small | Automatable | No | No | No | No | No | No | ||
| More to follow... | insert | insert | insert | insert | insert | insert |
Tools
- Tenon API
- Wave API
- aXe
- AccessSniff - NodeJS library to run HTML_CodeSniffer, with Grunt and Gulp plugins
- Google Chrome Accessibility Developer Tools (a11y)
- The Nu Html Checker (v.Nu)