Hoe voeg je beeldbeschrijving toe aan afbeelding?

Met een beeldbeschrijving zorg je ervoor dat méér mensen de afbeelding kunnen waarnemen en gebruiken. Wat een beeldbeschrijving is en waarom deze belangrijk is, staat omschreven in het artikel ‘Afbeeldingen zien zonder te kijken’.

Hoe voeg je een beeldbeschrijving toe aan een afbeelding op een website, in een document of publicatie? Er zijn verschillende manieren die je met elkaar kunt combineren:

1. Tekstalternatieven

Strikt genomen is een tekstalternatief volgens de WCAG 2.1 een beschrijving van de afbeelding die door (hulp)software geassocieerd kan worden kan worden met de afbeelding. Software moet dus begrijpen bij welke afbeelding de tekst hoort, zodat de gebruiker hier direct gebruik van kan maken.

Dit is een belangrijk detail. Dit betekent namelijk dat het tekstalternatief onder water of in de code gelinkt moet zijn aan de afbeelding. Doorgaans zal er daarom gebruik gemaakt worden van de alt-tekst of alternatieve tekst.

• Alt-tekst in HTML: aan een afbeelding (img-element) moet een ‘alt-attribuut’ toegevoegd worden. Dit kan direct in de HTML of via een WYSIWYG-editor. In het alt-attribuut staat het tekstalternatief. Als een afbeelding decoratief is, moet het alt-attribuut aanwezig zijn, maar zonder waarde. In dit geval wordt de afbeelding genegeerd door hulpsoftware. Sommige gebruikers zullen dan dus geen weet hebben van het bestaan van de afbeelding. In sommige gevallen kan in HTML ook gebruik gemaakt worden van het title-attribuut, of ARIA-attributen.
• Alternatieve tekst in opmaakprogramma of tekstverwerker: Opmaakprogramma’s zoals Adobe InDesign en tekstverwerkers zoals Microsoft Word hebben een functie om een alternatieve tekst toe te voegen of aan te geven dat de afbeelding decoratief is. Weet je niet hoe je met jouw programma een alternatieve tekst kan toevoegen, raadpleeg dan de handleiding.

Houd er rekening mee dat alternatieve tekst alleen waarneembaar is voor gebruikers met specifieke hulpsoftware, zoals schermleessoftware. Het tekstalternatief is kort en bondig en bevat platte tekst (zonder opmaak).

2. Lange beeldbeschrijving

Een lange beeldbeschrijving kan ook volledige, verlengde of uitgebreide beeldbeschrijving genoemd worden. Zoals de term al zegt, kun je hier meer informatie kwijt. Daarbij kun je ook gebruik maken van opmaak. Je kunt bijvoorbeeld koppen, tabellen of opsommingen toevoegen aan deze beeldbeschrijving. Erg handig als je een diagram, grafiek of stroomdiagram beschrijft. Bovendien is een volledige beeldbeschrijving waarneembaar en te gebruiken voor iedereen. Niet alleen gebruikers met hulpsoftware.

3. In context

In de context of in de lopende tekst van een website, document of publicatie kun je ook omschrijven wat er op een afbeelding staat. Dit is de meest inclusieve manier van beeldbeschrijven, omdat een gebruiker geen gebruik hoeft te maken van specifieke tools om een beeldbeschrijving te krijgen. Ook hoeft een gebruiker niet ‘uit’ de tekst om de afbeelding waar te kunnen nemen. Zeker bij complexere afbeeldingen kan dit een waardevolle methode zijn om een afbeelding te beschrijven. De beschrijving is immers waarneembaar voor iedereen, ook voor gebruikers die geen hulpsoftware gebruiken. Gebruikers (al dan niet met visuele of cognitieve beperking) zullen de functie, het doel en de essentie van de afbeelding hierdoor ook beter begrijpen.

Bijschrift

Soms worden bijschrift en tekstalternatieven met elkaar verward. Misschien, omdat ze beide gelinkt zijn aan de afbeelding, of omdat ze beide kort en bondig zijn. Een bijschrift heeft echter niet de functie om een afbeelding te beschrijven of een beeldbeschrijving te geven. Het bijschrift geeft aan waar de afbeelding over gaat. Het duidt de afbeelding. Het zegt niet wat er in de afbeelding staat. Bijvoorbeeld het bijschrift ‘Verkoopcijfers van appels en peren in 2023’ duidt de afbeelding. Het tekstalternatief geeft aan dat het om een grafiek gaat en wellicht wat daarin opvalt. Bijvoorbeeld een grote piek in een bepaalde periode.

Het bijschrift is echter wel belangrijk. Ook voor lezers met hulpsoftware. Zij kunnen scannend door een website, document of publicatie gaan en aan de hand van een bijschrift bepalen of ze wel of niet de afbeelding gaan bekijken.

Beeldbeschrijvingen controleren

Goed dat er een tekstalternatief (en beeldbeschrijving) aanwezig is. Maar is deze goed? Controleer je publicaties op de juiste plek van beschrijvingen en de inhoud. Wat de inhoud van een tekstalternatief en beeldbeschrijving kan zijn, lees je artikel Hoe maak je een beeldbeschrijving.

Bronnen en verdieping

Zoek je meer informatie of verdieping? Bijvoorbeeld over hoe je het beste een verlengde beeldbeschrijving toe kunt passen, wat het meest geschikt is voor die ene specifieke afbeelding of soort publicatie? Raadpleeg de bronnen onderaan deze pagina. Ook zijn er (online, gratis) trainingen over dit onderwerp. Of neem contact op en we zoeken het juiste antwoord, de juiste expert of bron voor je op.