Ensure Image Alternative Is Not Repeated as Text

Yotam Flohr
Researcher
Blind Hearing
WCAG 2.1 Level A

Written and researched for humans by humans

Yotam Flohr
Researcher
Ritvik Shrivastava
Expertly reviewed by
Comments: 0
Your entire domain
Get detailed instructions on how to resolve every accessibility issue on your website

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