Voorbeeld van een informatieve afbeelding zonder alt-tekst
De volgende drie afbeeldingen zijn bewust niet voorzien van een alternatieve tekst. Het zijn generieke logo’s van bedrijven en organisaties die niet echt bestaan.
Stel je een website voor met de kop ‘Onze partners’ en de volgende logo’s. Voor bezoekers die kunnen zien is het duidelijk wie deze partners zijn. Voor bezoekers met een visuele functiebeperking is dit niet duidelijk. Als er een lege alternatieve tekst is, slaan de meeste schermlezers de afbeeldingen over omdat ze denken dat het om decoratieve afbeeldingen gaat.
Onze partners:
In het volgende screenshot is de alternatieve tekst van deze afbeeldingen te zien. Omdat er geen toegankelijke tekst is toegevoegd, worden de afbeeldingen of overgeslagen, of opgelezen als ‘afbeelding’.
Hoe moet het dan wel?
De volgende logo’s zijn wel voorzien van een alternatieve tekst. Hierdoor weten gebruikers van een schermlezer ook wie de partners zijn. Dit is extra handig wanneer de afbeeldingen ook een link bevatten naar de websites van de merken.
Onze partners:
In het volgende screenshot is de alternatieve tekst van deze afbeeldingen te zien. We zien de tekst die aan gebruikers van schermlezers wordt opgelezen.
Meer lezen?
Benieuwd naar meer informatie over alternatieve teksten en de WCAG? De volgende pagina’s en artikelen kunnen interessant zijn: