Meestal kritiekLeestijd: 2 min.
Beschrijf betekenisvolle afbeeldingen
Geef afbeeldingen een kort tekstalternatief wanneer ze informatie of een actie overbrengen.
Waarom het belangrijk is
Mensen die een afbeelding niet kunnen zien, hebben een tekstalternatief nodig om dezelfde boodschap, bestemming of functie te begrijpen.
Zo los je het op
Beschrijf wat de afbeelding in deze specifieke context toevoegt.
Houd de tekst beknopt en begin niet met “afbeelding van”.
Gebruik een leeg alt-attribuut wanneer de afbeelding alleen decoratief is.
Voorbeeld
<img src="/team/samira.jpg" />
<img src="/team/samira.jpg" alt="Samira, verantwoordelijke klantendienst" />
Zo controleer je of het opgelost is
Controleer je pagina opnieuw met ibin. Het probleem verdwijnt uit je rapport zodra het overal is opgelost. Probeer het daarna zelf uit, zoals een bezoeker dat zou doen.
- Controleer de pagina opnieuw en kijk of het probleem uit je rapport verdwenen is.
- Probeer het aangepaste deel zelf: met een muis, met alleen een toetsenbord en ingezoomd.
- Vraag als het kan iemand die een schermlezer gebruikt om het ook te proberen.
Voor je ontwikkelaar
Richtlijnen: WCAG 1.1.1 (A)
image-alt · Achtergrondinformatie (in het Engels)