Woensdag, 31 december 2025
Toegankelijkheid verbeteren met alternatieve teksten
Wist je dat je jouw website een stuk toegankelijker kunt maken door alternatieve-teksten toe te voegen aan de afbeeldingen? Deze alternatieve teksten worden gebruikt om te beschrijven wat er op een afbeelding te zien is. Ze zijn onmisbaar voor bezoekers die een schermlezer gebruiken, slechtziend zijn of wanneer afbeeldingen door een trage internetverbinding niet kunnen worden geladen. In al die gevallen leest het systeem de alternatieve tekst uit, zodat de gebruiker toch begrijpt wat er op de afbeelding stond. Op die manier zorg je ervoor dat iedereen, ongeacht beperking of apparaat, de inhoud van je website kan volgen.
Wat maakt een goede alt-tekst
Een alternatieve tekst moet kort en duidelijk omschrijven wat er op de afbeelding staat. Het hoeft geen literair werk te zijn, maar vooral een praktische beschrijving die de functie van de afbeelding uitlegt. Een foto van een medewerker die iemand helpt is bijvoorbeeld niet “man staat buiten”, maar “medewerker helpt klant bij adviesgesprek”. Het draait erom dat de lezer dezelfde informatie ontvangt als iemand die de afbeelding kan zien. Wanneer een afbeelding puur decoratief is en geen inhoudelijke waarde heeft, kan de alt-tekst leeg blijven. Zo blijft de ervaring voor gebruikers van ondersteunende software helder en prettig.
De officiële specificatie
De richtlijnen die hierbij horen worden samengevat in de WCAG-specificatie (Web Content Accessibility Guidelines). Dit is een internationale standaard voor digitale toegankelijkheid. De WCAG beschrijft dat elke niet-decoratieve afbeelding een tekstueel alternatief moet hebben dat de betekenis van die afbeelding overbrengt. In het kort komt het neer op begrijpelijkheid, relevantie en functionaliteit. De alt-tekst moet beschrijven wat er te zien is en waarom het belangrijk is.
Wat als de afbeelding véél tekst bevat?
Naast de reguliere alt-tekst kun je in jouw website ook een gedetailleerde omschrijving toevoegen aan een afbeelding. Deze extra tekst wordt weergegeven als een uitklapbare sectie onder de foto en is vooral bedoeld voor situaties waarin een korte alt-tekst niet voldoende is. Denk bijvoorbeeld aan een flyer, poster, infographic of presentatie waar veel informatie in staat die anders verloren zou gaan voor mensen die de afbeelding niet kunnen zien.
Met een gedetailleerde omschrijving kun je alle tekst en belangrijke elementen uit de afbeelding volledig uitschrijven. Daardoor blijft de inhoud toegankelijk voor iedereen, ook wanneer iemand een screenreader gebruikt of wanneer de afbeelding niet kan worden geladen. Tegelijkertijd blijft de pagina overzichtelijk, omdat de extra informatie pas zichtbaar wordt wanneer de bezoeker de uitklapbare tekst opent. Het biedt daarmee het beste van twee werelden: volledige toegankelijkheid zonder dat de lay-out onnodig wordt belast.
Deze functie sluit naadloos aan bij de bedoeling van toegankelijkheidsrichtlijnen zoals de WCAG, waarin staat dat gebruikers dezelfde informatie moeten kunnen verkrijgen, ongeacht of zij afbeeldingen kunnen waarnemen. Door gebruik te maken van gedetailleerde omschrijvingen vergroot je dus zowel de toegankelijkheid als de gebruiksvriendelijkheid van jouw website, terwijl je ervoor zorgt dat complexe visuele content voor iedereen beschikbaar blijft.
Het is ook relevant voor de vindbaarheid
Het schrijven van alt-teksten is niet alleen een grote stap richting een toegankelijke website, maar het heeft ook invloed op je vindbaarheid. Zoekmachines zoals Google kunnen een afbeelding namelijk niet zien, maar wél de alt-tekst lezen. Door duidelijke beschrijvingen te gebruiken, begrijpt Google beter waar de pagina over gaat en hoe relevant deze is voor bepaalde zoekopdrachten. Zo help je zoekmachines én bezoekers tegelijkertijd, en wordt jouw website zowel toegankelijker als beter vindbaar.
Alt-teksten zijn een kleine toevoeging met grote impact. Ze maken je website inclusiever voor iedereen en versterken tegelijkertijd de zichtbaarheid van je pagina’s in zoekmachines. Kortom het is een eenvoudige handeling die de kwaliteit van je website op meerdere fronten verbetert.
Wil je op hoogte blijven?
Meld je aan voor de NC-CMS2 nieuwsbrief om altijd als eerste te horen over de laatste ontwikkelingen van het systeem en de slimste tips voor jouw website.
