Ensure Image Alternative Is Not Repeated as Text
Blind
Hearing
WCAG 2.2 Level A
Written and researched for humans by humans
Casandra Visser
Author
Yotam Flohr
Researcher
Ritvik Shrivastava
Expertly reviewed by
Comments:
0
When button and link text repeats in an alt attribute value, users who rely on screen readers will hear the same information twice.
Why It Matters
When alternative text for a link or image is repeated in text adjacent to the link or image, it creates a confusing user experience.
Fixing the Issue
Developers shouldn’t put the same text in the alt attribute value for a button or link in the text adjacent to the corresponding image or link.
Good Code Example
Code example
<input type="image" src="submit.png" name="submit" height="36" width="113" alt="Submit">
Copy Bad Code Example
Code example
<p><a href="index.html"><img src="images/home-icon.png" alt="Home Page" width="24" height="25">Home Page</a></p>
Copy