Succescriterium 1.4.5 Afbeeldingen van tekst
Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:
- Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de eisen van de gebruiker;
- Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.
Afbeeldingen van tekst begrijpen (Engelstalig)
Als het met eenvoudige code is op te lossen, gebruik dan altijd echte tekst in plaats van een afbeelding van tekst. Mensen kunnen echte tekst op een webpagina aanpassen naar hun eigen behoeften. Zo kunnen mensen die slechtziend zijn of mensen die dyslexie hebben bijvoorbeeld de grootte, de kleur of de regelafstand van de tekst aanpassen. Bij een afbeelding van tekst kan dit niet.
Uitzonderingen zijn:
- tekst op een afbeelding die wel visueel kan worden aangepast aan de eisen van de gebruiker (bijvoorbeeld
<svg>met<text>-elementen) - tekst waarvan een specifieke weergave essentieel is, zoals onderdelen van een logo of merknaam of van een diagram of grafiek
Let op: Als dezelfde weergave niet met echte tekst kan worden gemaakt, beschrijf dan in het tekstalternatief welke tekst er op de afbeelding staat.
Hoe pas je dit toe?
- Vermijd afbeeldingen van tekst als dezelfde weergave ook met eenvoudige code te realiseren is.
Voor wie is dit belangrijk?
- Mensen die slechtziend zijn.
- Mensen die een cognitieve, taal- of leerbeperking hebben.
Wie is verantwoordelijk?
- Redacteur
Hoe toets je dit?
Testprocedure
- Inventariseer de pagina
- Bepaal welke afbeeldingen er allemaal zijn:
- Foto’s
- Illustraties
- Iconen
- Logo’s
- Grafieken en diagrammen
- Infographics
- Kaarten
- Productfoto’s
- Schermafbeeldingen
- Handleidingen
- Layout-afbeeldingen
- Geanimeerde afbeeldingen
- Thumbnails
- Abstracte afbeeldingen
- Patronen
- Enz.
- Bepaal voor iedere afbeelding:
- Of de afbeelding tekst bevat die informatie overdraagt
- Of de tekstuele informatie in de afbeelding ook beschikbaar is als echte tekst op dezelfde pagina
- Bepaal welke afbeeldingen er allemaal zijn:
- Controleer voor elke afbeelding met tekst die informatie overdraagt en niet beschikbaar is als echte tekst:
- Of dezelfde visuele weergave ook (eenvoudig) kan worden bereikt met HTML en CSS.
Beoordeling
- Afbeeldingen van tekst moeten niet worden gebruikt