Eine Palette auf Farbenblindheit testen

Eine Palette auf Farbenblindheit zu testen erfordert drei Prüfungen: simuliere die Palette unter den drei wichtigsten Typen der Farbsehschwäche (Protanopie, Deuteranopie, Tritanopie); untersuche die konkreten Farbpaare, die Bedeutung tragen — Erfolg gegen Fehler, eine Diagrammserie gegen die nächste; und behebe jedes Paar, das zusammenfällt, indem du die Helligkeit trennst oder ein zweites Signal hinzufügst, nicht indem du nach „sicheren” Farbtönen jagst.

Der Einsatz ist alltäglich, nicht exotisch: Eine Rot-Grün-Schwäche in irgendeiner Form betrifft rund 8 % der Männer, ein Produkt mit einem echten Publikum hat also schon diese Woche betroffene Nutzer. Ermutigend ist der strukturelle Teil. Was unter Farbenblindheit zusammenbricht, ist die Unterscheidung von Farbtönen, nicht die Wahrnehmung von Helligkeit — eine Palette mit bewusster Helligkeitsstruktur, der Disziplin, die sich durch unseren Leitfaden zu Farbskalen zieht, ist also schon weitgehend sicher, bevor das Testen überhaupt beginnt.

Welche Haupttypen der Farbenblindheit gibt es?

Das menschliche Farbsehen beruht auf drei Zapfentypen, die auf lange, mittlere und kurze Wellenlängen abgestimmt sind. Eine Farbsehschwäche bedeutet, dass ein Typ fehlt oder verschoben ist, und die Einteilung ergibt sich daraus, welcher es ist.

Protanopie (fehlende Zapfen für lange Wellenlängen) und Deuteranopie (fehlende Zapfen für mittlere Wellenlängen) lassen beide die Rot-Grün-Achse zusammenfallen — deshalb laufen sie gemeinsam unter dem Begriff Rot-Grün-Blindheit, der häufigen Form, für die man zuerst gestalten sollte. Tritanopie (fehlende Zapfen für kurze Wellenlängen) lässt stattdessen die Blau-Gelb-Achse zusammenfallen; sie ist selten — deutlich unter einem Prozent — und betrifft, anders als die Rot-Grün-Formen, Männer und Frauen etwa gleich häufig. Die vollständige Taxonomie umfasst zu jeder eine mildere, anomale Form, bei der der Zapfen verschoben statt gänzlich abwesend ist; die dichromatischen Varianten oben sind das starke Ende des Spektrums und die Ziele des Standardtests.

Mehr Physiologie braucht die Palettenarbeit nicht. Die praktische Erkenntnis passt in einen Satz: Bestimmte Farbton-Paare werden pro Typ zu einem einzigen Farbton.

Was in einer Palette tatsächlich zerbricht — und was nicht?

Was zerbricht, ist die Unterscheidung von Farbton-Paaren. Rote gegen grüne Statuspunkte, ein von Rot nach Grün divergierendes Diagramm, zwei kategoriale Serien, die sich nur im Farbton unterscheiden, olivfarbene gegen orangefarbene Tags — unter Deuteranopie laufen diese zur selben bräunlichen Familie zusammen, und die Bedeutung, die sie trugen, verpufft.

Was nicht zerbricht, ist die Helligkeitsstruktur. Farbenblinde Betrachter nehmen Helligkeitsunterschiede im Wesentlichen so wahr wie alle anderen — eine helle Farbe und eine dunkle Farbe bleiben unter jedem CVD-Typ eine helle und eine dunkle Farbe. Texthierarchie auf einer gut geordneten Farbrampe, Rahmen gegen Flächen, Hover-Stufen: intakt.

Diese Asymmetrie ist die eigentliche Design-Erkenntnis des ganzen Themas: eine Palette, deren Bedeutung in Graustufen überlebt, überlebt die meisten Formen der Farbenblindheit, denn Graustufen sind die härtere Variante derselben Belastung — sie löschen jeden Farbton, während CVD nur eine Achse davon löscht. Bedeutung, die von Helligkeit getragen wird, kommt durch beides hindurch. Bedeutung, die allein vom Farbton getragen wird, ist das Einzige, was gefährdet ist — deshalb konzentriert sich das Testen auf die wenigen Paare, in denen der Farbton allein die semantische Arbeit leistet.

Wie simulierst du die Sehschwächen?

Indem du die Palette durch eine Simulation renderst und sie bewusst liest. Der Vision-Selektor von Scale Composer rendert die gesamte Palette neu durch Protanopie, Deuteranopie oder Tritanopie — mithilfe der Machado-Matrizen, einem Standard-Forschungsmodell des dichromatischen Sehens. Es ist eine reine Vorschau: An der Palette selbst wird nichts verändert, und beim Zurückschalten kehrt die normale Darstellung zurück. Ein ehrlicher Vorbehalt gehört gleich an den Anfang: Simulationsmatrizen nähern die typische Ausprägung jedes Typs an. Eine echte Farbsehschwäche ist ein Spektrum unterschiedlicher Schweregrade — die Vorschau sagt dir also, dass ein Paar riskant ist, aber sie kann nicht bescheinigen, wie eine einzelne Person es sieht.

Lies die Simulation so, wie der Fehler tatsächlich passiert: nicht „sieht die Palette immer noch schön aus”, sondern „welche bedeutungstragenden Paare sind gerade verschmolzen”. Klick dich durch die drei Typen und achte auf die Funktionsfarben und alle kategorialen Serien — dort leistet der Farbton die semantische Arbeit ohne Hilfe.

Öffne eine Palette in der Deuteranopie-Vorschau in Scale Composer — der Vision-Selektor rendert jede Farbrampe und jede Rolle neu, und das Erfolg/Fehler-Paar tut genau das, was der nächste Abschnitt in Zahlen zeigt.

Wie sieht ein versagendes Paar in Zahlen aus?

Nimm ein Erfolgs-Grün und ein Fehler-Rot bei nahezu gleicher Helligkeit — ein häufiger Zufall, da beide UI-Farben mittlerer Stärke sind:

Unter Deuteranopie landen beide in derselben oliv-beigen Familie, und ihre simulierte Helligkeit liegt bei jeweils ≈0,64 — das Paar ist für praktische Zwecke eine einzige Farbe. Ein Statuspunkt in dieser Palette sagt nichts aus.

Trenne das Paar nun stattdessen über die Helligkeit — heb das Grün an, senk das Rot ab, 0,15 L dazwischen:

Die Farbtöne laufen weiterhin zusammen — das lässt sich nicht verhindern — aber das simulierte Paar liegt nun ≈0,13 in der Helligkeit auseinander: eine klar hell, eine klar dunkel, auf einen Blick unterscheidbar. Die Bedeutung ist vom Kanal, der versagt, zu dem gewandert, der es nicht tut.

Wie behebst du ein Paar, das zusammenfällt?

In der Reihenfolge ihrer Zuverlässigkeit.

Trenne zuerst die Helligkeit. Wie die Tabellen zeigen, ist das die Lösung, die jeden Typ der Sehschwäche übersteht — und Graustufen ebenso. Bei generierten Farbrampen ist sie zudem günstig: Weise die beiden Rollen unterschiedlichen Stufen zu, statt irgendeinen Farbton umzuformen.

Füge ein zweites Signal hinzu. Ein Icon im Statuspunkt, eine Beschriftung, ein Muster in der Diagrammfüllung, die Position. Die Farbe trägt die Bedeutung dann redundant statt allein — das Prinzip, das Barrierefreiheits-Leitlinien mit niemals Farbe allein verwenden umschreiben.

Farbton-Jagd zuletzt. Der Wechsel zu einem „CVD-sicheren” Farbton-Paar kann genau zwei Farben retten, skaliert aber schlecht — ein Diagramm mit sechs Serien lässt sich nicht über alle drei Typen der Sehschwäche hinweg durch Farbton-Jagd sicher machen, während Helligkeits-Ordnung und gemusterte Füllungen so weit skalieren, wie du es brauchst.

Der Test ist schnell genug, um ihn auf jeder Palette laufen zu lassen, nicht nur auf den verdächtigen. Führe den Funktions-Check auf deiner eigenen Palette aus — lade sie, schalte Vision auf Deuteranopie und schau dir zuerst Erfolg gegen Fehler an, bevor du irgendetwas anderes betrachtest. Hält dieses Paar, hast du den Fehler abgefangen, der am häufigsten in Produktion geht; verschmilzt es, weißt du nun, zu welcher der beiden obigen Lösungen du greifen musst.