Why Automated Accessibility Testing Isn't Enough
The 'button' above is completely inaccessible even though it passes most automated accessibility checks. Here's what's wrong:
- It looks like text, but it's really an image -- for people who are blind, there's nothing to read. (WCAG 1.1.1)
- If you can use a mouse, you can click on it, but there is no way to click it if you can't use a mouse. (WCAG 2.1.1, 4.1.2)
- Its colors don't have enough contrast, and because it's an image, the colors can't easily be changed. (WCAG 1.4.3, 1.4.5)
That's three reasons (and five WCAG violations) why this example is not accessible to people with disabilities -- and an important reminder that ensuring accessibility takes more than just running an automated checker.
(NOTE: This explanation is hidden in a way that it can be read by a screen reader even when is isn't shown - we didn't want it to be inaccessible too :)