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.
Het contrast tussen de voorgrondkleur en de achtergrondkleur wordt aangegeven in een verhouding, dit wordt contrastverhouding of contrastratio genoemd:
Het gaat bij kleurcontrast altijd om hoe twee kleuren zich tot elkaar verhouden. Er zijn dus geen toegankelijke of ontoegankelijke kleuren, maar wel toegankelijke en ontoegankelijke kleurcombinaties.
Welke contrastverhouding verplicht is, verschilt per onderdeel. Er is een verschil tussen tekstuele en niet-tekstuele inhoud. Lees meer over kleurcontrast per onderdeel:
Eightshapes – Contrast Grid (Engelstalig) voor het maken van een contrastgrid.
Test het contrast met een contrastchecker:
Simuleer kleurenblindheid:
Maak een schermafbeelding van de app. Gebruik een contrastchecker om het kleurcontrast van tekst met de achtergrond in de schermafbeelding te testen.
Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?
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.
Waar was je naar op zoek?
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.