Afbeeldingen en grafieken

Hoe maak je een afbeelding op jouw website digitaal toegankelijk? Hoe maak je een goede alternatieve tekst? Wat is het verschil tussen verschillende afbeeldingen? Hoe zorg je dat de belangrijke informatie in een afbeelding digitaal toegankelijk is?

Veel mensen snappen een grote hoeveelheid informatie beter als ze er een afbeelding bij zien, zoals een grafiek of infographic. Maar dan is het wel belangrijk dat je deze ook digitaal toegankelijk maakt. Zo kunnen mensen met een visuele beperking of mensen die een screenreader gebruiken de informatie ook volgen.

Lees verder over "Digitaal toegankelijke grafieken en infographics op een website"

Er zijn mensen die afbeeldingen niet of slecht zien. De informatie van de afbeelding krijgt daarom een tekstuele, inhoudelijk gelijkwaardige vervanging. Dit doe je met een alternatieve tekst. Wat de alt-tekst is, hangt af van de afbeelding. Voorbeelden van alternatieve teksten met mensen:

  • Extreme drukte in de Kalverstraat.
  • Pasfoto van Koning Willem Alexander.
  • Bioscoopbezoeker die in slaap is gevallen tijdens de film.
Lees verder over "Alternatieve tekst van afbeeldingen met mensen"

Goede alternatieve teksten zijn erg belangrijk voor mensen die gebruik maken van hulptechnologie. Dat geldt ook voor kaarten. Met kaarten bedoelen we in dit geval digitale statische afbeeldingen van kaarten. Door een toegankelijk alternatief aan te bieden missen bezoekers geen informatie uit de kaart.

De beschrijving van een kaart moet kort en duidelijk zijn. Het alternatief is een complete tekstuele vervanging van de informatie op de kaart.

Lees verder over "Alternatief voor informatie op kaarten"

Een decoratieve afbeelding is een afbeelding die geen informatie aan een pagina of scherm toevoegt, maar vooral wordt toegevoegd voor sfeer. Markeer decoratieve afbeeldingen op de juiste manier, zo hebben bezoekers die hulptechnologie gebruiken geen last van deze afbeeldingen.

Lees verder over "Decoratieve afbeeldingen"

Als je een website of app maakt, kun je verschillende soorten afbeeldingen gebruiken. Sommige afbeeldingen geven belangrijke informatie. Andere zijn alleen voor de sfeer. Voor mensen die hulpsoftware gebruiken om websites of apps te lezen en voor digitale toegankelijkheid, is dit een belangrijk verschil.

Lees verder over "Verschil tussen informatieve en decoratieve afbeeldingen"

Tekst in een afbeelding wordt niet voorgelezen door een screenreader. Deze teksten zijn ook niet aan te passen voor de verschillende behoeften van de bezoeker, zoals bijvoorbeeld tekst vergroten of het verbeteren van het contrast. Bied een alternatief aan in tekst.

Lees verder over "Tekst in een afbeelding"

De informatie uit complexe afbeeldingen, infographics, grafieken of afbeeldingen van kaarten is soms te uitgebreid om in een alternatieve tekst te plaatsen. Voeg dan ook een uitgebreide beschrijving toe.

Lees verder over "Beschrijving toevoegen aan een complexe afbeelding of grafiek"

Voor bezoekers die geen afbeeldingen kunnen zien, is het noodzakelijk dat de informatie die een afbeelding geeft ook in tekst wordt gegeven. Bijvoorbeeld met een alt-tekst. Er is geen officiƫle maximale lengte van het alt-tekst.

Lees verder over "De lengte van een alt-tekst op een webpagina of appscherm"

Plaats geen afbeeldingen van alleen tekst. Voor bijvoorbeeld slechtziende bezoekers kan het nodig zijn om zelf de weergave van tekst aan te passen. Denk aan kleur, regelafstand of witruimte tussen letters. Dat kan niet als de weergave van de tekst in een afbeelding vaststaat.

Lees verder over "Afbeeldingen met alleen tekst"

De informatie die een afbeelding geeft, moet toegankelijk zijn voor mensen die de afbeelding niet of slecht kunnen zien. Maak deze informatie toegankelijk met een tekstueel alternatief.

Lees verder over "Tekstalternatief voor een eenvoudige afbeelding"
Heb je gevonden wat je zocht?

Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)



Jammer dat je het antwoord op je vraag niet hebt gevonden. Waar was je naar op zoek?

Informatie over de verwerking van uw persoonsgegevens

Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.

Akkoordverklaring (verplicht)



Het veld 'Je reactie' is niet ingevuld.
Bedankt voor je feedback!