Alt-tekst is een korte beschrijving van een afbeelding, die in HTML staat in het alt-attribuut van het img-element. De tekst wordt voorgelezen door schermlezers en getoond als de afbeelding niet geladen kan worden. Ook zoekmachines gebruiken hem om te begrijpen wat er op de afbeelding staat.
Waarvoor wordt het gebruikt
De belangrijkste functie van alt-tekst is toegankelijkheid. Blinde en slechtziende bezoekers horen via een schermlezer wat er op een afbeelding staat. Is de afbeelding niet te laden, bijvoorbeeld door een trage verbinding, dan verschijnt de alt-tekst in de plaats ervan.
Daarnaast helpt de tekst zoekmachines om afbeeldingen te begrijpen en te tonen bij zoekopdrachten naar afbeeldingen.
Een goede alt-tekst schrijven
- Beschrijf wat er te zien is en welke rol de afbeelding in de pagina speelt.
- Houd het kort, meestal volstaat één zin.
- Begin niet met „afbeelding van” of „foto van”, want de schermlezer meldt zelf al dat het een afbeelding is.
- Stapel geen zoekwoorden achter elkaar.
Bij een foto van een rode fiets tegen een muur past bijvoorbeeld: „Rode stadsfiets tegen een bakstenen muur”.
Bijzondere gevallen
Is een afbeelding puur decoratief, dan hoort het alt-attribuut leeg te blijven, zodat schermlezers de afbeelding overslaan. Staat er tekst in de afbeelding, dan neem je die tekst over in de alt-tekst. Is de afbeelding een link of knop, beschrijf dan waar de link naartoe leidt of wat de knop doet. Een afbeelding als link werkt voor zoekmachines ongeveer zoals anchor text.
Bij een grafiek of schema is een korte beschrijving van de belangrijkste conclusie vaak nuttiger dan een opsomming van alle getallen. Is de uitleg te lang voor een alt-attribuut, zet die dan in de tekst naast de afbeelding en houd de alt-tekst zelf kort.
