Image buttons must have alternate text
Log in (Premium content) Request a demo
Rule Description
When an image is being used as an <input>
button, it must have alternate text to allow screen reader users to know its purpose.
The Algorithm, in Simple Terms
Ensures that every <input type="image">
has an accessible name.
Why this is Important
An <input type="image">
button must have alternate text, otherwise screen reader users will not know the button's purpose. Even if the image contains only text, it still requires alternate text, since a screen reader cannot translate images of words into output.
How to Fix the Problem
Check that the <input type="image">
has a non-empty alt
, aria-label
or aria-labelledby
attribute.
Additional Information
Relevant Technologies:
- HTML 4
- HTML 5
- ARIA
Test Reliability:
Automated testing is possible, with high accuracy
Rule ID: input-image-alt