Succescriterium 1.4.1 Gebruik van kleur
Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.
Gebruik van kleur begrijpen (Engelstalig)
Gebruik kleur niet als enige manier om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. Denk hierbij bijvoorbeeld aan:
- Informatie in een grafiek of tabel
- Links in tekst
- Foutmeldingen in een formulier
Mensen met een visuele beperking kunnen informatie die alleen met kleur worden aangegeven niet (of niet goed) onderscheiden. Zorg daarom dat je belangrijke informatie op meerdere manieren communiceert. Voeg bijvoorbeeld ook een icoon toe of zet er een duidelijke tekst bij.
Hoe pas je dit toe?
- Gebruik niet alleen kleur om informatie over te dragen.
- Gebruik niet alleen kleur om een actie aan te geven.
- Gebruik niet alleen kleur om tot een reactie op te roepen.
- Gebruik niet alleen kleur om een visueel element te onderscheiden.
Voor wie is dit belangrijk?
- Mensen die een schermlezer gebruiken.
- Mensen die een visuele beperking hebben.
Wie is verantwoordelijk?
- Redacteur
- Vormgever
Hoe toets je dit?
Benodigdheden
- Een contrast analyser, zoals Colour Contrast Analyser (CCA)
Testprocedure
- Inventariseer de pagina
- Bepaal welke elementen met kleur informatie overdragen
- Controleer voor elk gevonden element of de informatie ook op een andere manier wordt overgebracht:
- Onderstreping, vetgedrukte tekst of cursief
- Verschillende patronen of vormen
- Tekst of labels
- Symbolen of pictogrammen
- Positionering of inspringing
- Controleer voor elke link in een lopende tekst die alleen door kleur onderscheiden wordt:
- Of het contrast tussen de link en de omringende tekst minimaal 3:1 is
Belangrijk om te weten
- Links in navigatiegebieden hoeven niet aan deze eis te voldoen
- Veel voorkomende fouten:
- Links in lopende tekst die alleen door kleur herkenbaar zijn
- Foutmeldingen met alleen een rode rand
- Grafieken en diagrammen met alleen verschillende kleuren
- Focusindicatoren die alleen kleur gebruiken
Beoordeling
- Alle informatie die door kleur wordt overgebracht, moet ook op een andere manier beschikbaar zijn
- Contrastverhouding tussen verschillende kleuren is minimaal 3:1 (als geen andere indicatoren aanwezig zijn en de kleuren geen betekenis hebben)