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?
Een alt-tekst is geen beschrijving, maar een vervanging voor een afbeelding. Bedenk wat belangrijk is aan de afbeelding om mee te geven. Verder zijn er nog een aantal eisen aan alt-teksten. Die vind je hieronder.
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. Als de afbeelding niet laadt, verschijnt de alt-tekst. Screenreaders voor mensen met een visuele beperking lezen deze tekst ook voor, zodat zij de content op de pagina beter kunnen begrijpen. Zo blijft de beschrijving informatief en toegankelijk.
Hoe schrijf ik een alt-tekst voor een tabel, infographic of andere informatieve afbeeldingen?
Bij een alt-tekst voor een tabel vat je de essentie van de tabel kort samen, zodat gebruikers met een visuele beperking begrijpen wat de tabel laat zien, zonder in te gaan op alle details: geef een overzicht van de inhoud van de tabel, zoals de gegevens en de belangrijkste trends of resultaten. Beschrijf niet elke waarde in de tabel. Focus op de algemene betekenis of trends. Houd de alt-tekst kort en richt je op de belangrijkste boodschap van de tabel. Bevast de tabel veel gegevens? Voeg dan naast de alt-tekst een caption of langere beschrijving toe op de pagina. Zo geef je meer informatie zonder de alt-tekst te lang te maken.
Een voorbeeld van een goede alt-tekst voor een tabel kan zijn: Tabel met de maandelijkse omzetgroei per regio in 2024.
Ook bij het schrijven van een alt-tekst voor een infographic beschrijf je de kernboodschap zonder te veel details: vat kort de belangrijkste boodschap of het onderwerp van de infographic samen. Wat brengt de infographic over? Dit is de kern van de alt-tekst. Bestaat de infographic uit verschillende secties of categorieën? Benoem dan kort de belangrijkste delen. Dit geeft structuur zonder te gedetailleerd te worden. Beschrijf niet elke afbeelding, icoon of kleuraanduiding, tenzij deze cruciaal zijn voor het begrip van de infographic. Richt je op de inhoud in plaats van de stijl. Bevat de infographic veel details? Voeg naast de korte alt-tekst een langere beschrijving toe op de pagina, zodat gebruikers toegang hebben tot de volledige informatie. Zorg ervoor dat de alt-tekst kort blijft en alleen de meest belangrijke informatie bevat, zonder onnodige details. Een voorbeeld: “Infographic toont de voordelen van recycling, zoals minder afval, energiebesparing en vermindering van vervuiling.”
Is een alt-tekst ook belangrijk voor SEO?
Alt-teksten zijn om verschillende redenen belangrijk voor SEO: verbeterde toegankelijkheid, relevante signalen voor zoekmachines en betere gebruikerservaring. Een goed geschreven alt-tekst helpt zoekmachines de inhoud van de afbeelding te indexeren en te tonen in de zoekresultaten, vooral in de afbeeldingenzoekfunctie. Het opnemen van relevante zoekwoorden in de alt-tekst kan extra signaling geven, maar de tekst moet natuurlijk blijven en niet overmatig gevuld zijn (keyword stuffing). Als afbeeldingen niet correct laden, toont de alt-tekst wat er op de afbeelding te zien is, wat de gebruikerservaring verbetert en indirect bijdraagt aan betere SEO-prestaties.
Wij helpen je graag en vertellen je meer over onze werkwijze. Eén van deze dingen is het toevoegen van alt teksten aan afbeeldingen. Alt-tekst, ook wel alternatieve tekst, is een tekstuele omschrijving van een afbeelding. Een alt-tekst wordt getoond wanneer de afbeelding door een bepaalde reden niet goed zichtbaar is. Het toevoegen van een alt-tekst aan afbeeldingen zorgt voor een betere webtoegankelijkheid. Blinden en slechtzienden gebruiken vaak hulpprogramma’s om tekst op een pagina beter te kunnen begrijpen. In dit geval wordt de alt-tekst weergegeven op de plaats van de afbeelding. Crawlers van zoekmachines kunnen afbeeldingen niet zien. Alt-teksten daarentegen wel. Hierdoor worden je afbeeldingen (hoger) getoond bij Google Images. Toch is een goede alt-tekst schrijven nog niet zo makkelijk als het lijkt. Het belangrijkste is dat je beschrijft wat er op de afbeelding staat. Beschrijf specifiek wat je ziet. Een goede manier om dit te doen is jezelf af te vragen hoe je aan de telefoon een afbeelding kort zou omschrijven. Naast dat je een duidelijke beschrijving van een afbeelding wil geven is het ook slim zoekwoorden toe te voegen. Gebruik er alleen niet te veel! Keyword stuffing wordt bestraft door zoekmachines. Een alt-tekst mag maximaal 143 tekens zijn. Zorg ervoor dat je specifiek de afbeelding beschrijft en geen onnodige woorden gebruikt.
Wanneer jouw CMS de optie biedt, kun je ook een titel of onderschrift toevoegen. Een titel verschijnt soms als je met de muis over de afbeelding beweegt, maar wordt niet altijd door screenreaders voorgelezen. Combineer daarom alt-tekst met een onderschrift voor uitgebreide beschrijvingen. Voor complexe afbeeldingen zoals grafieken kun je een korte alt-tekst geven en aanvullende informatie onder de afbeelding plaatsen, bijvoorbeeld in een tekstblok onder de afbeelding of in een Accordion.
Een goede workflow is: controleer de context en functie van elke afbeelding, schrijf een korte maar volledige alt-tekst die de essentie en belangrijkste details beschrijft, voeg zo nodig een langere beschrijving toe naast de alt-tekst, en gebruik een onderschrift waar nuttig. Let op: gebruik geen twee zoekwoorden geforceerd in één alt-tekst; beschrijf wat nuttig is binnen de context. Voor decoratieve afbeeldingen kun je besluiten geen alt-tekst te geven of een lege alt-tekst te plaatsen, zodat schermlezers deze kunnen overslaan.
SEO schrijven - 5 SEO tips voor teksten voor beginners
Bij het uploaden van afbeeldingen in een mediabibliotheek, controleer altijd of de alt-tekst correct is ingevuld en of deze geen leeg veld laat waar wel nodig. Gebruik duidelijke labels en waar nodig een kort bijschrift. Als de afbeelding informatief is of een grafiek weergeeft, is een korte alt-tekst plus een langere beschrijving aan te raden. Voor zeer complexe afbeeldingen kan een aanvullende tekst boven of onder de afbeelding helpen om alle details toegankelijk te maken.
Samenvatting van aanbevelingen
- Beoordeel de functie van elke afbeelding: informatief, functioneel, decoratief, of infographic.
- Houd alt-teksten kort maar duidelijk; beschrijf de essentie en relevante details.
- Vermijd waardeoordelen en overmatig gebruik van zoekwoorden.
- Gebruik langere beschrijvingen naast de alt-tekst bij complexe afbeeldingen.
- Voeg een onderschrift of caption toe waar nuttig om extra context te geven.
- Controleer of het CMS een eenvoudige manier biedt om alt-teksten en eventueel titels/onderschriften te beheren.