Prefer not to use words image, photo in image alt content JS-0750
Performance
Minor
8 months ago
—
8 months old
Redundant alt attribute. Screen-readers already announce
img tags as an image. You don’t need to use the words image, photo, or picture (or any specified custom words) in the alt prop 5 <p>
6 Test
7 <a href="/about">About Us</a>
8 <img 9 src="https://example.com/test"10 alt="Landscape picture"11 width={500}12 height={500}13 />14 </p>
15)
Description
Enforce img alt attribute does not contain the word image, picture, or photo. Screenreaders already announce img elements as an image. There is no need to use words such as image, photo, and/or picture.
Bad Practice
<img src="foo" alt="Photo of foo being weird." />
<img src="bar" alt="Image of me at a bar!" />
<img src="baz" alt="Picture of baz fixing a bug." />
Recommended
<img src="foo" alt="Foo eating a sandwich." />
<img src="bar" aria-hidden alt="Picture of me taking a photo of an image" /> // Will pass because it is hidden.
<img src="baz" alt={`Baz taking a ${photo}`} /> // This is valid since photo is a variable name.