Afbeeldingen en toegankelijkheid
Alternatieve tekst
Wie blind is, zwaar slechtziend, dyslectisch of een ander leesprobleem heeft, kan de informatie op het scherm hardop laten voorlezen door software, een screenreader. Zo’n screenreader weet niet wat er op een afbeelding te zien is. Die alternatieve tekst voeg je als redacteur toe wanneer je de afbeelding oplaadt in de redactieomgeving. De inhoud van die omschrijving is afhankelijk van het type afbeelding en de context.
Handig hulpmiddel:
Installeer de browser-extensie “Web Developer”(opent in nieuw venster) en kies Images > Display Alt Attributes. De alt-tekst wordt nu bij de afbeelding getoond.
Informatieve afbeeldingen
Mis je nuttige informatie als je de afbeelding weglaat? Dan is de afbeelding informatief en is een alternatieve tekst noodzakelijk. Beschrijf de afbeelding beknopt in het veld “alternatieve tekst” wanneer je de afbeelding oplaadt.
Wat je beter niet doet
alt=”foto van …” of alt=”Hier ziet u een afbeelding van ...” toevoegen in het veld ‘alternatieve tekst’. Dit is overbodig want screenreaders kondigen afbeeldingen altijd automatisch aan.
Decoratieve afbeeldingen
Weet de bezoeker evenveel als je de afbeelding weglaat? Dan is de afbeelding decoratief. Laat bij decoratieve afbeeldingen daarom het veld ‘alternatieve tekst’ leeg. Hulpmiddelen zoals screenreaders slaan ze dan over.
Wat je beter niet doet
- Een spatie in het veld ‘alternatieve tekst’ plaatsen.
- Decoratieve afbeeldingen toch omschrijven. Het vertraagt de leeservaring.
Complexe afbeeldingen
Een afbeelding is complex wanneer ze te veel informatie bevat om op te nemen in het veld ‘alternatieve tekst’. Bijvoorbeeld een grafiek, een kaart, een screenshot, een infografiek, … .
- Geef de afbeelding een beknopte alternatieve tekst.
- Voeg een gedetailleerde beschrijving toe onder de afbeelding in tekst of link naar een pagina met de omschrijving.
Zie voorbeeld hieronder.
Wat je beter niet doet
De volledige beschrijving van de afbeelding in het veld “alternatieve tekst” plaatsen.
Afbeeldingen van tekst
Gebruik geen afbeelding van tekst wanneer het met echte tekst kan. Bijvoorbeeld een afbeelding van een tabel met prijzen. Gebruik een echte tabel:
| vanaf | tot en met | tarief, toepasselijk op het overeenstemmende gedeelte in % | totaalbedrag van de belasting op de voorgaande gedeelten, in euro |
|---|---|---|---|
| 0,01 | 50.000 | 3 | |
| 50.000,01 | 250.000 | 9 | 1.500 |
| 250.000,01 | 27 | 19.500 |
Afbeeldingen met een specifieke grafische opmaak zijn een uitzondering. Bijvoorbeeld een affiche.