Begrippen

Alt-tekst

Geschreven door
Outseen
Bijgewerkt

Kort antwoord

Alt-tekst is de tekstuele beschrijving van een afbeelding in het alt-attribuut van het img-element. Schermlezers lezen die tekst voor, en zoekmachines gebruiken hem om te begrijpen wat er op de afbeelding staat.

Alt-tekst is bedoeld voor iedereen die een afbeelding niet ziet: iemand met een schermlezer, een bezoeker bij wie de afbeelding niet laadt, en een zoekmachine. Google noemt het alt-attribuut in zijn richtlijnen voor afbeeldingen het belangrijkste attribuut voor informatie over een afbeelding. Google gebruikt alt-tekst samen met beeldherkenning en de inhoud van de pagina om te begrijpen wat een afbeelding laat zien. Is de afbeelding een link, dan werkt de alt-tekst als ankertekst.

Voorbeeld

<!-- Ontbreekt -->
<img src="schoen-veluwe.jpg">

<!-- Beschrijvend -->
<img src="schoen-veluwe.jpg" alt="Groene wandelschoen Veluwe, zijaanzicht met profielzool">

<!-- Decoratief: lege alt -->
<img src="golflijn.svg" alt="">

Wanneer blijft de alt-tekst leeg?

Het W3C raadt in zijn beslisboom voor alt-teksten een lege alt aan bij puur decoratieve afbeeldingen en bij afbeeldingen die tekst herhalen die er al naast staat. Een schermlezer slaat zo’n afbeelding dan over. Staat een afbeelding in een link of knop, beschrijf dan waar de link naartoe gaat of wat de knop doet.

Veelgemaakte fout

Een rij zoekwoorden als alt-tekst. Google schrijft dat dat een slechte ervaring geeft en ertoe kan leiden dat je site als spam wordt gezien. Beschrijf wat er op de afbeelding staat, in een gewone zin.

Alt-tekst hoort ook bij toegankelijkheid volgens WCAG. Meer in Productpagina’s voor Google en AI-assistenten.

Bronnen

Verder lezen