Voldoet jouw website aan de WCAG 2.2 richtlijnen? Contrast is de basis van digitale toegankelijkheid en leesbaarheid. Test hier direct of je kleurencombinaties geschikt zijn voor iedereen, inclusief mensen met een visuele beperking (Niveau AA & AAA).
Dit is een voorbeeld van tekst op de gekozen achtergrond. Controleer altijd het contrast voor een toegankelijke ervaring.
Body tekst, blogs, artikelen
Koppen (24px+) of Vet (19px+)
Knoppen, iconen, randen
Goede contrastverhoudingen zorgen ervoor dat je teksten leesbaar zijn voor iedereen. Dit is essentieel voor mensen met een visuele beperking, zoals slechtziendheid of kleurenblindheid. Maar het helpt ook mensen die je website bekijken op een mobiel scherm in fel zonlicht. Met voldoende contrast maak je je website gebruiksvriendelijker voor elke bezoeker.
Dit zijn de internationale niveaus van toegankelijkheid:
Grote tekst is makkelijker te lezen, waardoor de contrast-eis lager is (minimaal 3,0:1 voor niveau AA). Volgens de richtlijnen is tekst ‘groot’ als deze:
Ook niet-tekstuele elementen moeten goed zichtbaar zijn. Voor gebruikersinterface-componenten (zoals input-velden en knoppen) en grafische objecten (zoals iconen en grafieken) geldt een minimale contrastverhouding van 3,0:1 ten opzichte van de achtergrond. Zo snapt de gebruiker waar hij kan klikken of kijken.
Dit komt vaak voor bij merken die zijn ontworpen voor print in plaats van web. Je hoeft je merk niet volledig om te gooien. Vaak is het voldoende om een kleur iets donkerder of lichter te maken. Een klein verschil in tint zorgt vaak al voor een voldoende score, zonder dat de uitstraling van je merk verandert. Gebruik deze tool om een toegankelijke variant van je merkkleur te vinden.
Voor overheidsinstanties is WCAG 2.2 niveau AA al verplicht en door de EAA moeten ook veel commerciële webshops en diensten in de hele EU aan deze toegankelijkheidseisen voldoen.
Wil je sparren hoe we jouw organisatie het beste kunnen helpen? Plan een intakegesprek of vraag een offerte aan.
