Een groen vinkje voor "op voorraad" en een rood kruisje voor "uitverkocht" lijkt overduidelijk, tot je bedenkt dat een deel van je bezoekers rood en groen niet goed van elkaar kan onderscheiden. Kleurenblindheid komt vaker voor dan de meeste webshops in hun ontwerp meenemen.
In het kort
- Rood-groen is de meest voorkomende vorm van kleurenblindheid en precies de combinatie die webshops vaak gebruiken.
- Combineer kleur altijd met een tweede signaal: een icoon, tekst of patroon.
- Test je belangrijkste statuskleuren met een kleurenblindheid-simulator, niet alleen op eigen zicht.
- Dit raakt niet alleen statuskleuren, maar ook grafieken, foutmeldingen en actieknoppen.
Waarom juist rood-groen problematisch is
Rood-groen kleurenblindheid is de meest voorkomende vorm, en precies de kleurcombinatie die webshops veelvuldig gebruiken voor bijvoorbeeld voorraadstatus, foutmeldingen of prijsverschillen. Voor iemand die deze kleuren niet goed kan onderscheiden, verdwijnt het onderscheid dat de kleuren juist moesten aangeven.
Combineer kleur met een tweede signaal
Een icoon, een woord, of een ander visueel patroon naast de kleur zelf, zorgt dat de boodschap ook overkomt bij iemand die het kleurverschil niet ziet. "Op voorraad" met een vinkje-icoon werkt voor iedereen, "op voorraad" met alleen een groene stip werkt niet voor iedereen.
Test met een simulator, niet op eigen zicht
Je eigen ogen zijn geen betrouwbare maatstaf of een kleurcombinatie voor een kleurenblinde bezoeker werkt. Een kleurenblindheid-simulator, die laat zien hoe je site eruitziet voor verschillende vormen van kleurenblindheid, geeft een veel eerlijker beeld dan aannames.
Verder dan alleen statuskleuren
Ook grafieken in een klantdashboard, kleurgecodeerde foutmeldingen in een formulier, of actieknoppen die zich alleen door kleur onderscheiden van neutrale knoppen, verdienen dezelfde aandacht. Dit sluit aan bij onze bredere uitleg over toegankelijkheid, waar "niet alleen kleur gebruiken" al als algemeen principe wordt genoemd.
Conclusie
Kleurenblindheid-vriendelijk ontwerpen vraagt vooral dat kleur nooit het enige signaal is, aangevuld met een simulatortest om aannames te checken. Wil je je webshop hierop laten controleren? Vraag een gratis scan aan.