Alt Text

An alternative means to convey information that is otherwise only provided visually in images or icons, used in the following situations:

  • Embedded image text

  • Image links

  • Adjacent alt text

Embedded image text

If the image contains text (usually ads and promo banners), we must convey this text in the alt attribute.

<img src=”fashion_promo.jpg” alt=”Explore eBay Fashion” />

Image links

Alt text is used as the link text.

<a href=””>
<img src=”lumia_950.jpg” alt=”Microsoft Lumia 950” />

Adjacent alt text

If the alt text would repeat nearby or adjacent text, we can leave it’s value empty so that the screen reader will ignore it.

<a href=””>
<img src=”lumia_950.jpg” alt=”” role=”presentation” />
<p>Microsoft Lumia 950</p>

role=presentation will prevent our internal WAE tool from flagging this as a missing alt attribute.