Afbeeldingen binnen links

Wanneer een afbeelding in een link staat, moeten webontwikkelaars en content-beheerders de alternatieve tekst schrijven aan de hand van de richtlijnen voor het schrijven van een goede linktekst.

Uitleg van deze richtlijn

Als bezoekers een afbeelding binnen een link niet kunnen zien (bijvoorbeeld omdat zij deze functie uitgeschakeld hebben), wordt de alternatieve tekst van de afbeelding getoond. Deze tekst vormt dan de link.

Het kan voorkomen dat de afbeelding binnen de link niet de enige link op de pagina is die verwijst naar een document. Ook kan de afbeelding samen met een ‘gewone’ tekst binnen een link staan. In die gevallen mag er wél een lege alternatieve tekst worden gebruikt.

Afbeelding en tekst in twee gescheiden links (HTML)
  1. <a href="/belgie/"><img src="/images/belgie.gif" alt=""></a>
  2. <a href="/belgie/">Reist u deze zomer naar Belgi&euml;?</a>
Afbeelding en tekst in één link (HTML)
  1. <a href="/belgie/"><img src="/images/belgie.gif" alt="">Reist u deze zomer naar Belgi&euml;?</a>

Voorbeelden

Voorbeeld van een afbeelding met een alternatieve tekst in een link:

  1. <a href="/belgie/"><img src="/images/belgie.gif" alt="Reist u deze zomer naar Belgi&euml;?"></a>

Gerelateerde richtlijnen

  • R-pd.7.1: Het alt (alternative) attribuut dient te worden gebruikt op ieder img (image) en area element en dient te worden voorzien van een effectieve alternatieve tekst.
  • R-pd.7.5: Geef bij het gebruik van image maps voor zowel het img element als ieder area element een effectieve alternatieve tekst aan via het alt attribuut.

Bijbehorende ijkpunten normdocument

  • IJkpunt 1.1: Lever een tekstequivalent voor elk niet-tekstueel element.