Wel of geen alt tekst?
Niet elke afbeelding heeft dezelfde soort alt-tekst nodig:
- Decoratieve afbeeldingen (alleen voor sfeer/opmaak) voegen geen informatie toe. Die kun je het beste “verbergen” voor schermlezers, zodat ze niet onnodig worden voorgelezen.
- Beschrijvende/informatieve afbeeldingen geven wél belangrijke informatie (bijvoorbeeld een foto, infographic, of screenshot). Dan moet de alt-tekst kort en duidelijk beschrijven wat relevant is.
Codevoorbeeld: decoratieve afbeelding
Gebruik een lege alt-tekst, zodat schermlezers deze overslaan:
<img src="sfeerfoto.png" alt="" />
(Tip: als de afbeelding echt alleen decoratie is, kun je dit ook als CSS-background gebruiken.)
Codevoorbeeld: beschrijvende afbeelding
Geef een korte, duidelijke beschrijving van wat de gebruiker moet weten:
<img src="teamfoto.jpg" alt="Het team bestaat uit vijf personen en staat op kantoor." />
Wanneer is een afbeelding decoratief?
Als je de afbeelding weghaalt en je mist geen informatie, dan is het waarschijnlijk decoratief. Mis je wel informatie, dan heeft de afbeelding een beschrijvende alt-tekst nodig.