Zo schrijf je goede alt-teksten voor afbeeldingen
Blinde of slechtziende mensen kunnen afbeeldingen op je site of in je document niet zien. Daarom is het belangrijk dat je afbeeldingen voorziet van alternatieve tekst. Maar hoe schrijf je zo’n tekst? Dat ontdek je hier.
Alternatieve teksten of alt-teksten geven betekenis aan visuele content voor mensen die dat niet kunnen zien. Je geeft in zo’n tekst een korte beschrijving van wat er te zien is. Schermlezers lezen die tekst voor, zodat ook mensen met een visuele beperking de informatie meekrijgen. Kortom, een belangrijke manier om je content toegankelijk te maken. Niet voor niets is het succescriterium 1.1.1 van de WCAG.
Wanneer is een alt-tekst nodig?
Een alternatieve tekst is niet altijd nodig. Je hoeft geen tekstalternatief te gebruiken als een afbeelding alleen decoratief is bedoeld. Zoals een sfeerfoto die iets anders laat zien dan waar de content over gaat. Hieronder vallen ook CAPTCHA-afbeeldingen, pictogrammen en spacers. Twijfel je of een afbeelding een alt-tekst nodig heeft? Gebruik dan de beslisboom van het W3C.
Waar moet een alternatieve tekst aan voldoen?
Beknopt en duidelijk
Als eerste moet een alt-tekst voor informatieve afbeeldingen beknopt zijn, maar zo lang als nodig. Anders worden gebruikers overspoeld met informatie. Je hoeft niet ‘afbeelding van’ of ‘foto van’ erin te zetten. Een screenreader geeft al aan dat het om een afbeelding gaat.
Bij functionele afbeeldingen zoals een printericoon moet in de alternatieve tekst duidelijk staan wat de functie is. Houd het ook hier beknopt, maar begrijpelijk.
Gaat het om complexe afbeeldingen met veel informatie, zoals grafieken en diagrammen? Dan mag het tekstalternatief best wat langer zijn. Bovendien is het dan beter om in de tekst zelf zulke afbeeldingen te beschrijven. Je kunt naar deze beschrijving verwijzen in de alt-tekst.
De essentie aangevuld met relevante details
Een tekstalternatief moet de essentie van de afbeelding bevatten. Ga na wat de afbeelding toevoegt aan de context. Kijk vervolgens of er details zijn die de boodschap overbrengen. Verwerk die in de alt-tekst als het iets toevoegt.
Let op dat je geen waardeoordeel in je tekstalternatief verwerkt, bijvoorbeeld dat een schilderij mooi of lelijk is. Dat is tenslotte een mening en geen feitelijke beschrijving van de afbeelding.
Alt-teksten worden vaak gebruikt, of beter gezegd misbruikt, om zoekwoorden in te verwerken. Bedenk dat de alt-tekst bedoeld is voor gebruikers met een functiebeperking. Gebruik dus alleen zoekwoorden in de alt-tekst als dat daadwerkelijk aansluit bij de afbeelding.
Tips voor een goede alternatieve tekst
Samengevat zijn dit de belangrijkste punten om op te letten bij een alternatieve tekst:
- Gebruik een alt-tekst als de afbeelding informatie bevat en toevoegt aan de tekst;
- Houd de alt-tekst bondig maar ook zo lang als nodig;
- Vermeld de functie van functionele afbeeldingen zoals knoppen;
- Beschrijf grafieken of complexe afbeeldingen in de lopende tekst;
- Verwerk alleen zoekwoorden in de alt-tekst als dat past bij de afbeelding.
Blijf op de hoogte van toegankelijkheid nieuws en trends.
