Gedaan met laden. U bevindt zich op: Afbeeldingen en toegankelijkheid Toegankelijkheidsrichtlijnen

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

Extra grote letters op computerscherm voor slechtzienden.
© Joris Casaer

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.
    Altijd informatieve afbeeldingen
    • Een afbeelding met een onderschrift of copyright is altijd informatief
    • Een afbeelding die kan vergroot worden is altijd informatief

    Deze afbeeldingen hebben allemaal toegevoegde informatie of een functie en moeten daarom altijd een beschrijving krijgen in het veld ‘alternatieve tekst’.

    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

    Tabel tarief rechte lijn

    Gebruik geen afbeelding van tekst wanneer het met echte tekst kan. Bijvoorbeeld een afbeelding van een tabel met prijzen. Gebruik een echte tabel:

    Tarief voor een verkrijging in rechte lijn en tussen partners
    vanaftot en mettarief, toepasselijk op het overeenstemmende gedeelte in %totaalbedrag van de belasting op de voorgaande gedeelten, in euro
    0,0150.0003
    50.000,01250.00091.500
    250.000,01 2719.500

    Afbeeldingen met een specifieke grafische opmaak zijn een uitzondering. Bijvoorbeeld een affiche.