Welke kleurcontrasten zijn belangrijk voor toegankelijkheid?

Voor toegankelijke video’s heb je minimaal een contrastratio van 4.5:1 voor normale tekst en 3:1 voor grote tekst en grafische elementen, volgens de WCAG-richtlijnen. Kleurcontrast zorgt ervoor dat mensen met visuele beperkingen je tekst en grafische elementen kunnen onderscheiden. Goed contrast helpt niet alleen bij leesbaarheid, maar maakt je video bruikbaar voor iedereen. In dit artikel lees je welke contrastratio’s je nodig hebt, hoe je deze test, welke kleurcombinaties het beste werken en hoe je dit toepast in ondertiteling en tekst-overlays.

Wat zijn kleurcontrasten en waarom maken ze je video toegankelijker?

Kleurcontrast is het verschil in helderheid tussen twee kleuren naast elkaar. Bij video’s gaat het meestal om het contrast tussen tekst en achtergrond, of tussen grafische elementen en hun omgeving. Hoe groter het verschil tussen licht en donker, hoe beter het contrast.

Voor mensen met visuele beperkingen zoals slechtziendheid of kleurenblindheid maakt goed contrast het verschil tussen wel en niet kunnen lezen. Maar ook mensen zonder visuele beperking profiteren ervan. Wanneer je je video bekijkt op een klein scherm, in fel zonlicht of in een drukke omgeving, helpt sterk contrast om informatie snel op te nemen.

Het gaat dus niet alleen om esthetiek. Een mooie video die niemand kan lezen of begrijpen, mist zijn doel. Toegankelijkheid begint bij bruikbaar ontwerp, en kleurcontrast is daar een belangrijk onderdeel van. Dit geldt voor ondertiteling, tekst-overlays, call-to-action knoppen en alle andere visuele elementen in je bedrijfsvideo.

Wanneer je een bedrijfsfilm laat maken, wil je dat je boodschap overkomt bij je hele doelgroep. Door bewust met kleurcontrast om te gaan, zorg je ervoor dat je video door zoveel mogelijk mensen gezien en begrepen wordt.

Welke contrastratio heb je nodig volgens WCAG-richtlijnen?

De Web Content Accessibility Guidelines (WCAG) zijn de internationale standaard voor digitale toegankelijkheid. Deze richtlijnen geven duidelijke normen voor kleurcontrast. Voor normale tekst heb je minimaal een contrastratio van 4.5:1 nodig. Voor grote tekst (vanaf 18 punt of 14 punt vet) en grafische elementen is 3:1 voldoende.

Wat betekenen deze getallen? Een contrastratio van 4.5:1 betekent dat de lichtste kleur 4,5 keer zo veel licht weerkaatst als de donkerste kleur. Zwart op wit heeft bijvoorbeeld een ratio van 21:1, wat uitstekend is. Lichtgrijs op wit heeft vaak maar 2:1 of minder, wat onvoldoende is voor goede leesbaarheid.

Voor video’s met ondertiteling en tekst-overlays zijn deze normen net zo belangrijk als voor websites. Je tekst moet leesbaar blijven, ongeacht wat er op de achtergrond gebeurt. Grafische elementen zoals iconen, knoppen of infographics moeten ook voldoende contrast hebben om duidelijk zichtbaar te zijn.

Wil je het nog beter doen? Dan kun je streven naar niveau AAA van de WCAG-richtlijnen. Hiervoor heb je een contrastratio van 7:1 nodig voor normale tekst en 4.5:1 voor grote tekst. Dit biedt optimale leesbaarheid voor mensen met een matige visuele beperking.

Hoe test je of je kleurcontrast goed genoeg is?

Je hoeft niet te gokken of je kleurcontrast voldoende is. Er zijn verschillende tools waarmee je dit precies kunt meten. Online contrast checkers zijn het makkelijkst te gebruiken. Je voert de kleurcodes van je tekst en achtergrond in, en de tool berekent direct de contrastratio en of deze voldoet aan de WCAG-normen.

Populaire gratis tools zijn WebAIM Contrast Checker en Contrast Ratio van Lea Verou. Deze tools geven direct aan of je combinatie voldoet aan niveau AA of AAA. Je kunt ook verschillende kleuren uitproberen totdat je een combinatie vindt die werkt.

Gebruik je Adobe-software voor je video-montage? Dan kun je in Adobe Premiere Pro en After Effects ook kleurcontrast controleren. Er zijn plugins beschikbaar die je helpen bij het kiezen van toegankelijke kleuren. Voor snelle checks tijdens het ontwerpen kun je browser extensies gebruiken zoals Colour Contrast Analyser.

Volg deze stappen tijdens het ontwerpen van je video-elementen: kies eerst je kleuren, test ze met een contrast checker, pas aan als de ratio te laag is, en controleer het resultaat in verschillende situaties. Test je ondertiteling bijvoorbeeld ook op een klein scherm en in verschillende lichtsituaties.

Welke kleurcombinaties werken het beste in video’s?

Wit op donkerblauw, zwart op geel en wit op zwart zijn klassieke combinaties die uitstekend werken. Deze combinaties hebben een hoge contrastratio en zijn goed leesbaar in vrijwel alle situaties. Zwart op wit is de meest gebruikte combinatie en heeft een perfecte ratio van 21:1.

Voor ondertiteling werkt wit op een donkere achtergrond vaak het beste, omdat dit niet te fel is en goed leesbaar blijft bij verschillende videoscènes. Geel op zwart heeft ook een hoge contrastratio en valt goed op, ideaal voor waarschuwingen of belangrijke informatie.

Vermijd combinaties zoals rood op groen of groen op rood. Ongeveer 8% van de mannen en 0,5% van de vrouwen heeft een vorm van kleurenblindheid waarbij ze moeite hebben met het onderscheiden van rood en groen. Lichtgrijs op wit is ook problematisch, omdat het contrast vaak te laag is.

Voor call-to-actions in je bedrijfsvideo kun je kiezen voor felle kleuren met hoog contrast. Denk aan oranje of blauw op wit, of wit op een verzadigde kleur. Zorg wel dat de kleur past bij je huisstijl. Je kunt je merkkleur vaak behouden door de helderheid aan te passen voor beter contrast.

Test verschillende combinaties in context. Wat werkt voor een statische afbeelding werkt niet altijd even goed in een video met bewegende beelden. Houd rekening met de achtergronden waarop je tekst verschijnt en pas je kleuren daarop aan.

Hoe pas je kleurcontrast toe in ondertiteling en tekst-overlays?

Voor ondertiteling is een semi-transparante balk achter je tekst vaak de beste oplossing. Hiermee zorg je voor consistent contrast, ongeacht wat er op de achtergrond gebeurt. Een zwarte balk met 70-80% dekking achter witte tekst werkt uitstekend en blijft goed leesbaar.

Kies een duidelijk, goed leesbaar lettertype zoals Arial, Helvetica of Verdana. Vermijd decoratieve lettertypes voor ondertiteling, omdat deze moeilijker te lezen zijn. Gebruik minimaal 16-18 punt voor ondertiteling op een standaard HD-video, groter voor 4K-video’s.

Tekstgewicht is ook belangrijk. Normale of medium-gewicht tekst is vaak beter leesbaar dan zeer dunne tekst. Voeg een subtiele schaduw of rand toe aan je tekst voor extra contrast, vooral als je geen achtergrondvak gebruikt.

Plaats tekst niet direct over drukke beelden zonder achtergrond. Als je toch tekst over bewegende beelden wilt plaatsen, kies dan een rustig deel van het beeld of gebruik een voldoende dekkende achtergrond.

Houd ondertiteling leesbaar zonder afleidend te zijn. Dit doe je door de tekst niet te groot te maken, niet te veel woorden per regel te gebruiken (maximaal 42 karakters) en de ondertiteling niet te lang in beeld te laten staan. Twee tot drie seconden per regel is een goede richtlijn.

Goed kleurcontrast maakt het verschil tussen een video die iedereen kan begrijpen en een video die alleen voor een select publiek werkt. Door bewust om te gaan met contrastratio’s, de juiste kleurcombinaties te kiezen en ondertiteling toegankelijk te maken, bereik je een veel groter publiek.

QuickVid helpt met toegankelijke video’s maken

QuickVid ondersteunt je bij het maken van professionele bedrijfsvideo’s die voor iedereen toegankelijk zijn. We zorgen ervoor dat je video’s voldoen aan de WCAG-richtlijnen voor kleurcontrast en leesbaarheid. Zo bereik je met je boodschap je hele doelgroep:

• Ondertiteling met optimaal contrast: We passen automatisch semi-transparante achtergronden en contrasterende kleuren toe, zodat je ondertiteling altijd leesbaar blijft
• Toegankelijke tekst-overlays: Alle tekstelementen, call-to-actions en grafische onderdelen krijgen voldoende kleurcontrast voor maximale zichtbaarheid
• Huisstijl behouden: We stemmen je merkkleur af voor optimaal contrast zonder afbreuk te doen aan je visuele identiteit
• Getest op alle apparaten: Je video’s worden gecontroleerd op leesbaarheid op desktop, tablet en mobiel in verschillende lichtsituaties

Wil je bedrijfsvideo’s die niet alleen professioneel ogen, maar ook door je hele doelgroep gezien en begrepen worden? Neem contact op met QuickVid en ontdek hoe we jouw boodschap toegankelijk maken voor iedereen. Of je nu een aftermovie laat maken of een corporate video produceert, wij zorgen ervoor dat je content voor iedereen toegankelijk is.