Kleurcontrast

Waarom kleurcontrast belangrijk is

Gebruikers met een visuele beperking, kleurenblindheid of verminderd zicht kunnen moeite hebben om tekst en interface-elementen te onderscheiden als het contrast te laag is. Ook in situaties met fel licht of kleine schermen is voldoende contrast belangrijk voor leesbaarheid.

Wat valt onder contrast?

Bij digitale toegankelijkheid gaat kleurcontrast onder andere over:

• Tekst tegenover achtergrond.
• Knoppen en interactieve elementen.
• Iconen en grafische bedieningselementen.
• Focusindicatoren en statusweergaven.
• Grafieken en visuele informatie.

Veelvoorkomende contrastproblemen

• Lichtgrijze tekst op witte achtergrond.
• CTA-knoppen met onvoldoende contrast tussen tekst en knopkleur.
• Links die alleen door kleur te herkennen zijn.
• Focusstijlen die nauwelijks zichtbaar zijn.
• Tekst over afbeeldingen zonder voldoende contrastlaag.

Contrast verbeteren in design en content

Goede contrastkeuzes maak je het liefst al in het ontwerp en design system. Leg kleurcombinaties vast, test componenten in verschillende toestanden (hover, focus, disabled) en geef redacteurs duidelijke richtlijnen voor tekst op gekleurde achtergronden of afbeeldingen.

Wat je op deze categoriepagina vindt

Hier vind je artikelen over kleurcontrast in websites, content en componenten, inclusief praktische uitleg over meten, beoordelen en verbeteren volgens WCAG.