Visuele content

Hoe maak je visuele content digitaal toegankelijk? Leer hoe je afbeeldingen, grafieken, video's en animaties digitaal toegankelijk maakt met bijvoorbeeld een goed kleurcontrast en goede alternatieve teksten.

Informatie in deze categorie

Gebruik van kleuren

We raden af om een contrastknop te gebruiken. Als de kleurencombinaties op een website onvoldoende contrast hebben, kan een contrastknop zorgen voor een versie van de website met toegankelijke kleurcombinaties. Maar deze knop lost het probleem niet altijd op of zorgt zelfs voor nieuwe problemen.

Lees verder over "Gebruik van een contrastknop op een website"

Volgens de WCAG-eisen mag je nooit alleen kleur gebruiken om informatie over te brengen. Dit is niet toegankelijk voor mensen die kleur of kleurnuances niet kunnen waarnemen. Gebruik naast kleur altijd andere elementen om iets duidelijk te maken.

Lees verder over "Kleur gebruiken om informatie over te brengen"

Voor slechtzienden en kleurenblinden moet er voldoende contrast zijn tussen tekst, iconen, interactieve elementen en de achtergrond. In WCAG staan de eisen waaraan dit contrast moet voldoen. Houd hier rekening mee bij het kiezen van huisstijlkleuren, het ontwerpen van een website, app of het maken van een Word-template.

Lees verder over "Kleurcontrast"

Heb je content op je pagina zonder tekst? Bijvoorbeeld grafieken, iconen of een tekstveld in een formulier? Dan is het belangrijk dat je voldoet aan de eisen voor het kleurcontrast voor niet-tekstuele content. Deze content laat niet alleen informatie zien in de vorm van tekst, maar ook op andere manieren.

Mensen die kleuren minder goed zien, moeten niet-tekstuele inhoud ook kunnen gebruiken.

Lees verder over "Kleurcontrast van niet-tekstuele content met de achtergrond"

Voldoende kleurcontrast tussen de tekstkleur en de kleuren van de achtergrond is belangrijk voor mensen met visuele beperkingen die kleuren niet of minder goed kunnen waarnemen.

Lees verder over "Kleurcontrast van tekst met de achtergrond"
Meer over Gebruik van kleuren

Afbeeldingen en grafieken

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"
Meer over Afbeeldingen en grafieken

Video, geluid en animaties

Bij videoplayers is het vaak mogelijk om met sneltoetsen de video te starten, te stoppen of het geluid harder of zachter te zetten. Voor digitale toegankelijkheid is het belangrijk om deze sneltoetsen uit te zetten.

Dit voorkomt dat mensen die met spraakbediening een commando uitspreken per ongeluk meerdere snelkoppelingen tegelijk activeren. En het voorkomt dat mensen die navigeren met een toetsenbord per ongeluk acties activeren door op foute toetsen te drukken.

Lees verder over "Sneltoetsen uitzetten in een videoplayer"

Een alternatieve tekst voor een video, geluidsfragment of animatie helpt bezoekers met een screenreader. Zo kan de bezoeker bepalen of de video, het geluidsfragment of de animatie interessant is. De alternatieve tekst beschrijft kort wat er te zien of te horen is.

Lees verder over "Alternatieve tekst voor een video, geluidsfragment of animatie"

Veel onderdelen van video’s zijn niet toegankelijk voor blinde of slechtziende mensen. Denk bijvoorbeeld aan teksten, afbeeldingen, gezichtsuitdrukkingen en gebaren. Deze informatie kan je toegankelijk maken met een audiobeschrijving. Dit wordt ook vaak audiodescriptie genoemd. Tijdens een stilte in je video beschrijft een voice-over belangrijke onderdelen die een blinde of slechtziende bezoeker anders zou missen.

Lees verder over "Audiobeschrijving bij video’s"

De wet heeft live-programma’s uitgezonderd van ondertitelplicht. Maar het is voor veel mensen prettig als je dat wel regelt.

Lees verder over "Ondertiteling bij live-uitzendingen"

Er is een verschil tussen gewone ondertiteling en de ondertiteling speciaal voor doven en slechthorenden. Voor goede digitale toegankelijkheid is de ondertiteling voor doven en slechthorenden belangrijk.

Lees verder over "Ondertiteling voor doven en slechthorenden"

Voor een audiobestand zonder beeld bied je een transcript aan als alternatief. Bijvoorbeeld bij een podcast. Een transcript is een uitgeschreven tekst van een audiobestand met of zonder video. Zo weten mensen die doof of slechthorend zijn ook wat er in de audio wordt gezegd.

Lees verder over "Transcript voor audio- en videobestanden"

Ook de video- en audiobestanden op een website of app moeten digitaal toegankelijk zijn. Mensen met een motorische beperking of mensen die die blind, doof, slechtziend of slechthorend zijn, kunnen een toegankelijke video goed gebruiken en krijgen op die manier toch alle informatie. Voor verschillende media gelden verschillende eisen.

Lees verder over "Video en audio digitaal toegankelijk maken"

Teksten en informatieve afbeeldingen in video’s zijn niet toegankelijk voor mensen met een visuele beperking. Om de video toegankelijk te maken moet deze informatie ook in geluid aanwezig zijn.

Lees verder over "Tekst en afbeeldingen in een video toegankelijk maken"

De automatische ondertiteling van YouTube voldoet in de meeste gevallen niet aan de WCAG-eisen. De eis is dat er goede ondertiteling is voor doven en slechthorenden.

Lees verder over "Automatische ondertiteling van YouTube"
Meer over Video, geluid en animaties
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)



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)