U bent hier:

1. Handleiding
2. Ontwikkeling
3. Afbeeldingen
4. Navigatie en image maps

Afbeeldingen binnen links

Omdat de 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.

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.

Image maps

Image maps zijn afbeeldingen waarvoor in de HTML selecties zijn aangegeven die linken naar andere HTML documenten. De bezoeker kan op deze selecties in de afbeelding klikken om de links te volgen.

<img src="/images/destinations.jpg" alt="Kies een land van bestemming" usemap="#destinations">
<map name="destinations">
  <area shape="rect" coords="40,20,120,35" href="/nederland/" alt="Nederland">
  <area shape="rect" coords="10,130,50,165" href="/duitsland/" alt="Duitsland">
  <area shape="rect" coords="320,60,380,85" href="/frankrijk/" alt="Frankrijk">
</map>

De W3C Web Accessibility Content Guidelines schrijven voor altijd een client-side image map te gebruiken in plaats van een server-side image map. In bovenstaand voorbeeld is daarvan uit gegaan.

“Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.”

W3C Web Content Accessibility Guidelines ijkpunt 9.1