eBay

Techniques: 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” />

Alt text is used as the link text.

<a href=”http://www.ebay.com/itm/12345”>
    <img src=”lumia_950.jpg” alt=”Microsoft Lumia 950” />
</a>

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=”http://www.ebay.com/itm/12345”>
    <img src=”lumia_950.jpg” alt=”” role=”presentation” />
    <p>Microsoft Lumia 950</p>
</a>

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

results matching ""

    No results matching ""