Kleurenblindheidssimulator

Bekijk kleurtoegankelijkheidsproblemen in een afbeelding vooraf

Kleur kan belangrijke betekenis hebben in grafieken, knoppen, kaarten, dashboards en marketinggrafieken. Maar niet iedereen ziet kleurverschillen op dezelfde manier. Deze kleurenblindheidssimulator helpt je te bekijken hoe een afbeelding eruit kan zien bij veelvoorkomende kleurenzienstoornissen, zodat je plekken kunt opsporen waar informatie te veel afhangt van rood-groen- of blauw-geelcontrast.

De simulatie wordt volledig in je browser uitgevoerd. De afbeelding wordt op een canvas getekend, elke pixel wordt omgezet met een standaard 3×3-kleurmatrix en het resulterende canvas wordt getoond en kan als PNG worden gedownload. Geen enkele server ontvangt je screenshot of ontwerp, wat vooral handig is voor onuitgebrachte interfaces, klantwerk en interne dashboards.

De simulatietypen begrijpen

Protanopie simuleert ontbrekende of niet-werkende langegolf rode kegeltjes, waardoor rood donkerder kan lijken en het onderscheid tussen rood en groen afneemt. Deuteranopie simuleert ontbrekende middengolf groene kegeltjes, een andere veelvoorkomende rood-groenstoornis. Tritanopie simuleert ontbrekende kortegolf blauwe kegeltjes, beïnvloedt de blauw-geelwaarneming en komt minder vaak voor. De optie Normaal laat de afbeelding ongewijzigd, zodat je snel kunt vergelijken met de getransformeerde versies.

Ontwerpen voorbij kleur alleen

Een simulator is een beoordelingshulpmiddel, geen volledige toegankelijkheidsaudit en geen medisch diagnosemiddel. Gebruik hem om riskante kleurcombinaties te vinden en verbeter het ontwerp daarna met labels, pictogrammen, patronen, onderstrepingen, sterker contrast en redundante aanwijzingen. Grafieken mogen niet alleen op verschillend gekleurde lijnen vertrouwen; foutstatussen moeten tekst of vormveranderingen bevatten; knoppen moeten herkenbaar blijven zonder tint. Als de gesimuleerde weergave nog steeds dezelfde boodschap overbrengt, werkt je afbeelding waarschijnlijk voor een breder publiek. Controleer belangrijke schermen ook op hun werkelijke weergavegrootte, want kleine labels, dunne grafieklijnen en subtiele achtergrondtinten kunnen na de kleurtransformatie moeilijker te onderscheiden zijn.

De resultaten lezen

Rood-groenstoornissen komen veel vaker voor dan blauw-geelstoornissen, dus protanopie en deuteranopie zijn meestal de eerste twee weergaven om te controleren. Wissel tussen de opties en vergelijk het origineel met elke versie: als twee categorieën, lijnen of statuskleuren moeilijk te onderscheiden worden, hangt het ontwerp te veel van tint af. Houd er rekening mee dat dit benaderingen van volledige dichromasie zijn. Mildere vormen van kleurzwakte en zeldzamere aandoeningen zoals volledige kleurenblindheid worden niet gedekt, en de werkelijke waarneming verschilt per persoon en lichtomstandigheid. De gedownloade PNG behoudt de volledige resolutie van je origineel en bevat de naam van de simulatie in de bestandsnaam.