Hoe geef ik een afbeelding op een website een beschrijving (alt-tekst)?
Main content
Voeg je een informatieve afbeelding toe aan een webpagina, geef de afbeelding dan een beschrijving (een alt-tekst) met een CMS-editor.
Wat zijn de eisen vanuit WCAG?
- Zorg dat de alt-tekst informatie toevoegt. De kwaliteit van de alt-tekst wordt streng beoordeeld.
- Staat er tekst op de afbeelding? Is deze tekst informatief? Herhaal deze tekst in de alt-tekst.
- Staat er veel informatie op de afbeelding, bijvoorbeeld een infographic of een grafiek? Schrijf deze informatie uit in tekst en voeg dit onder de afbeelding toe als bestand dat je kunt downloaden. Verwijs in de alt-tekst naar de plek waar deze uitgeschreven tekst staat.
Waarom is het belangrijk?
Een slechtziende of blinde bezoeker weet niet wat er op een afbeelding staat. Een beschrijving maakt de inhoud van de afbeelding toegankelijk.
Wat zijn onze tips?
Als de voorleessoftware een afbeelding tegenkomt, leest deze automatisch ‘afbeelding’ voor. Daarna komt de alternatieve tekst. Daarom is niet nodig om in de alternatieve tekst woorden zoals "afbeelding", "image", "plaatje", etc. te gebruiken.
Zorg dat de alt-tekst niet te lang is. Sommige versies van hulpsoftware kunnen niet meer dan 150 tekens van de alt-tekst lezen.