Bij elke foto op je website hoort een klein stukje tekst dat bijna niemand ziet: de alt-tekst. Het is een beschrijving van wat er op de afbeelding staat. Een kleinigheid, maar wel een die op drie plekken meetelt: bij bezoekers die slecht of niet zien, bij Google en bij AI-tools.
Wat is een alt-tekst?
Alt staat voor alternatief. De alt-tekst vervangt de afbeelding voor iedereen die hem niet kan zien. Iemand die blind is, laat websites voorlezen door een schermlezer. Komt die schermlezer een foto tegen, dan leest hij de alt-tekst voor. Staat er niets, dan hoort je bezoeker alleen “afbeelding”, of de bestandsnaam: “IMG_4021.jpg”.
Ook als een foto niet laadt, bijvoorbeeld bij een slechte verbinding, toont de browser de alt-tekst in plaats van het beeld.
Een alt-tekst is iets anders dan een bijschrift. Een bijschrift staat zichtbaar onder de foto en is voor alle bezoekers. De alt-tekst zit in de code en beschrijft wat er te zien is.
Waarom het ertoe doet
Voor bezoekers met een beperking is het het verschil tussen meedoen en gissen. Laat je op je homepage een foto zien van een badkamer die je hebt verbouwd, dan wil iedereen weten wat daar te zien is.
Voor Google en AI-tools is een foto zonder alt-tekst een raadsel. Ze kunnen afbeeldingen steeds beter herkennen, maar de alt-tekst vertelt ze wat de foto betekent op jouw pagina. Dat helpt om gevonden te worden in Google Afbeeldingen, en het maakt je pagina als geheel duidelijker.
En dan de wet. Sinds 28 juni 2025 geldt de Europese toegankelijkheidswet. Die verplicht onder andere webshops en banken om hun website toegankelijk te maken. Ben je een kleine ondernemer met minder dan tien medewerkers en maximaal 2 miljoen euro omzet, dan ben je voor diensten uitgezonderd. Voor de meeste zzp’ers is het dus geen plicht. Wel is het een kleine moeite die je site voor iedereen beter maakt.
Zo vul je hem in WordPress in
Open in WordPress de Mediabibliotheek en klik op een afbeelding. Rechts zie je het veld Alternatieve tekst. Wat je daar invult, neemt WordPress mee op elke plek waar je de afbeelding daarna plaatst.
Een paar dingen om te weten:
- Vul de alt-tekst in de mediabibliotheek in, niet alleen op de pagina zelf. Dan hoef je het maar één keer te doen.
- Het veld Titel is iets anders. Die titel wordt door schermlezers en zoekmachines nauwelijks gebruikt.
- Heb je al foto’s op je site staan zonder alt-tekst, dan kun je ze in de mediabibliotheek een voor een aanvullen. Begin bij de foto’s op je homepage en je dienstpagina’s.
Vijf tips voor een goede alt-tekst
1. Beschrijf wat de foto laat zien op deze pagina
Vraag je af waarom de foto er staat. Op een pagina over badkamers is “Verbouwde badkamer met inloopdouche en grijze tegels” sterker dan “Badkamer”. Staat er een persoon op, beschrijf dan wat iemand doet: “Monteur sluit een cv-ketel aan in een woning in Ede.”
2. Houd het kort
Eén zin is genoeg, ongeveer tot 125 tekens. Een schermlezer leest alles voor, dus een lange alt-tekst wordt een vermoeiende onderbreking.
3. Begin niet met “afbeelding van”
Een schermlezer meldt zelf al dat het om een afbeelding gaat. “Foto van een dakkapel” wordt dan “afbeelding, foto van een dakkapel”. Begin dus meteen met wat er te zien is.
4. Gebruik zoekwoorden alleen als ze kloppen
Past het woord waarop je gevonden wilt worden echt bij de foto, dan mag het erin. “Nieuwe dakgoot op een woning in Bennekom” is prima. Een rijtje zoekwoorden achter elkaar (“dakdekker Ede dakdekker Bennekom dak repareren”) helpt niet. Google ziet dat, en voor iemand met een schermlezer is het onzin.
5. Laat hem leeg bij versiering
Een decoratief lijntje, een achtergrondpatroon of een icoontje naast een tekst die al zegt wat het betekent: daar hoort geen alt-tekst bij. Laat het veld leeg, dan slaat een schermlezer de afbeelding over. Dat is iets anders dan vergeten: leeg is hier een bewuste keuze.
Wat betekent dit voor jou?
Kijk eens naar de vijf belangrijkste foto’s op je homepage. Staat er een alt-tekst bij, en beschrijft die wat je bezoeker zou moeten weten? Dat is een klusje van een kwartier, en het maakt je site toegankelijker en duidelijker voor Google.
Bij de websites die ik bouw, vul ik de alt-teksten in voordat de site live gaat. Wil je dat ik eens naar jouw site kijk? Neem contact op.
Bron toegankelijkheidswet: ACM via mkbservicedesk.nl
