Afbeeldingen

Wat doe je met de alternatieve tekst bij afbeeldingen? Hieronder staat een besluitboom waarmee je kan bepalen hoe gebruik je het alt-attribuut van het <img>-element in verschillende situaties moet gebruiken. Dit is de vertaalde versie van An alt Decision Tree.

  • Staat er tekst in de afbeelding?
    • Ja:
      • Let op, dit kan afgekeurd worden onder SC 1.4.5 Afbeelding van tekst
      • … en is de tekst als echte tekst in de buurt aanwezig. Gebruik een leeg alt-attribuut (alt=""). Zie op w3.org Decorative Images.
      • … an de tekst is er enkel voor het visuele effect. Gebruik een leeg alt-attribuut (alt=""). Zie op w3.org Decorative Images.
      • … en de tekst heeft een speciale functie, bijvoorbeeld een icon. Gebruik het alt-attribuut om de functie weer te geven. Zie op w3.org Functional Images.
      • … en de tekst wordt niet op een andere manier getoond. Gebruik het alt-attribuut om de tekst aan de afbeelding toe te voegen. Zie op w3.org Images of Text.
    • Nee:
      • Naar de volgende vraag.
  • Wordt de afbeelding gebruikt in een link of een knop, en is het moeilijk te bepalen wat de link of de knop doet als de afbeelding er niet is?
    • Ja:
      • gebruik het alt-attribuut om het linkdoel of de actie van de knop weer te geven. Zie op w3.org Functional Images.
    • Nee:
      • Naar de volgende vraag.
  • Draagt de afbeelding bij aan de betekenis van de pagina of context?
    • Ja:
      • … en het is een eenvoudig plaatje of foto. Gebruik een korte beschrijving van de afbeelding in het alt-attribuut zodat de betekenis van de afbeelding duidelijk wordt. Zie op w3.org Informative Images.
      • … en het is een grafiek of een complexe informatieblok. Publiceer de informatie uit de afbeelding ook ergens op de pagina. Zie op w3.org Complex Images.
      • … en het toont informatie die overtollig is vanwege echte tekst in de buurt van de afbeelding. Gebruik een leeg alt-attribuut (alt=""). Zie op w3.org (redundant) Functional Images.
    • Nee:
      • Naar de volgende vraag.
  • Is de afbeeling echt decoratief en niet bedoeld als informatie voor de bezoeker?
    • Ja:
    • Nee:
      • Naar de volgende vraag.
  • Voldoet de afbeelding aan geen van bovenstaande vragen of is het onduidelijk wat alternatieve tekst van de afbeelding moet zijn?
    • Deze besluitboom vangt niet elke afbeelding af. Kom je er niet uit neem dan contact op met Jules Ernst.
      Gedetailleerde informatie over afbeeldingen en alternatieve tekst vind je bij de tutorials van w3.org op Image Concepts Page.

Tips voor alttekst

  • Hanteer een maximale lengte van circa 125 tekens. Zie Maximale lengte alt-tekst
  • Houd rekening met gebruikers van screenreaders. Een braille-regel toont vaak slechts 40 of 80 tekens tegelijk.
  • Gebruik niet Afbeelding van of Foto van. Screenreaders beginnen zelf in de regel met een tekst als "Afbeelding".