Vertrouw niet alleen op kleur ​
Deze pagina legt uit waarom het belangrijk is om kleur te combineren met andere visuele signalen in onze ontwerpprincipes. We gebruiken kleur niet alleen voor visuele aantrekkingskracht, maar ook om informatie duidelijk over te brengen op een toegankelijke manier voor alle gebruikers, inclusief degenen met visuele beperkingen.
1. Het belang van visuele differentiatie ​
Kleur speelt een cruciale rol in de communicatie van informatie binnen onze platforms. Echter, wanneer we alleen op kleur vertrouwen om informatie over te brengen, kunnen gebruikers met kleurenblindheid belangrijke visuele aanwijzingen missen. Daarom combineren we kleur met andere visuele elementen, zoals tekst, iconen en vormen, om ervoor te zorgen dat de boodschap voor iedereen duidelijk is.
Het doel is om een inclusieve ervaring te creëren waarbij kleuren worden versterkt door aanvullende visuele hulpmiddelen. Dit zorgt ervoor dat informatie niet alleen via kleur wordt overgebracht, maar ook via andere visuele signalen, zoals iconen of tekst.
2. Gevolgen van alleen kleur gebruiken ​
Wanneer kleur de enige manier is om informatie te delen, kunnen mensen met kleurenblindheid bijvoorbeeld niet goed onderscheiden wat bedoeld wordt. Er zijn verschillende vormen van kleurenblindheid (zoals deuteranoop, protanoop en tritanoop), en elke vorm beïnvloedt de manier waarop kleuren worden waargenomen.
Bijvoorbeeld, een formulier waarbij een fout wordt gemarkeerd door middel van een rode rand is voor iemand met kleurenblindheid mogelijk niet herkenbaar. Daarom vervangen we kleurindicatoren door visuele signalen die het onderscheid versterken, zoals het toevoegen van een icoon of het dikker maken van randen.
3. Best practices voor toegankelijk ontwerp ​
Om ervoor te zorgen dat onze ontwerpen effectief zijn voor iedereen, volgen we enkele best practices:
- Gebruik extra visuele signalen: Combineer kleur met iconen, tekst of patronen om informatie duidelijker te maken.
- Voeg iconen toe aan foutmeldingen: Wanneer een fout wordt aangegeven, gebruik dan naast de kleur een icoon (bijv. een waarschuwing) en maak de rand van het formulier dikker. Dit biedt een extra visuele aanwijzing.
- Gebruik vormen en patronen voor datavisualisatie: In grafieken of diagrammen kunnen we naast kleur ook verschillende vormen en patronen gebruiken, zodat de informatie voor iedereen toegankelijk is.
Door kleur te combineren met andere visuele elementen verbeteren we de duidelijkheid en de bruikbaarheid voor alle gebruikers.
4. Tools voor testen op kleurenblindheid ​
Er zijn verschillende hulpmiddelen die ontwerpers kunnen helpen testen hoe hun ontwerpen eruitzien voor mensen met verschillende vormen van kleurenblindheid:
- Colorblindly plugin voor Google Chrome: Deze plugin laat zien hoe je ontwerp eruitziet voor mensen met verschillende vormen van kleurenblindheid, zoals deuteranoop of protanoop.
- Color Oracle: Dit is een desktop-app die simuleert hoe kleurenblindheid het ontwerp beïnvloedt op basis van de meest voorkomende kleurenblindheidsvormen.
Door je ontwerp te testen op deze manieren kun je zekerstellen dat je ontwerp toegankelijk is voor iedereen, ongeacht hun visuele beperkingen.
5. Verbeteren van de gebruikerservaring voor iedereen ​
Door niet alleen op kleur te vertrouwen, verbeteren we de gebruikerservaring door informatie over te brengen op een manier die toegankelijk en gebruiksvriendelijk is. Het versterkt de visuele boodschap door meerdere signalen in te zetten en zorgt ervoor dat de ervaring voor iedereen duidelijk en gemakkelijk te begrijpen is. Het doel is een gebruiksvriendelijke interface te creëren die effectief is voor zowel mensen met als zonder visuele beperkingen.
6. Toegankelijkheidseisen en WCAG-normen ​
We voldoen aan de WCAG (Web Content Accessibility Guidelines) 2.2 AA-normen, waaronder: