Ensure <input type="image"> Elements Have Alternate Text

WCAG requires all <input type=”image”> elements to have alternate text.

Why It Matters

An <input type=”image”> button must have alternative text in order for screen reader users to know the purpose of the button. Even if the image contains text, alternative text is still required. This is because screen readers work at a code level. 

Fixing the Issue

Check that any <input type=”image”> has an alt, aria-label or aria-labelledby attribute that isn’t empty.

Image buttons use the alt attribute as the label. A clear alt attribute value must be provided and represent the function of the button.

Good Code Example

Test Cases

For more examples, visit W3C’s GitHub’s ATC Rules library.