Farbfehlsichtigkeit: was Betroffene wirklich sehen

Etwa 8 Prozent der Männer und 0,5 Prozent der Frauen mit nordeuropäischer Herkunft haben eine angeborene Farbfehlsichtigkeit – in einer typischen Nutzergruppe also jeder zwölfte Mann. Das ist kein Sehen in Graustufen: Betroffene sehen Farben, aber bestimmte Paare fallen zusammen. Rot und Grün sind der bekannte Fall, Blau und Violett oder Orange und Hellgrün die weniger bekannten. Die Lösung ist nie eine andere Palette, sondern ein zweites Signal neben der Farbe.

Farbfehlsichtigkeit ist auf dieser Website bislang ein Teilaspekt von Sehbehinderung & Blindheit gewesen. Sie verdient eine eigene Seite, weil sie eine andere Nutzergruppe betrifft, andere Designentscheidungen auslöst und mit den Kontrastregeln der WCAG nur teilweise erfasst wird.

Das Wichtigste in Kürze

• Rund 8 % der Männer und 0,5 % der Frauen sind betroffen; die Vererbung läuft über das X-Chromosom.
• Vier Typen: Deuteranomalie und Protanomalie (Rot-Grün, zusammen die große Mehrheit), Tritanomalie (Blau-Gelb, sehr selten) und Achromatopsie (kein Farbsehen, extrem selten).
• Es ist kein Graustufensehen. Betroffene sehen Farben – nur bestimmte Paare unterscheiden sie nicht.
• Die WCAG-Kontrastformel erfasst das nicht. Zwei Farben können 4,5:1 erreichen und trotzdem ununterscheidbar sein.
• Zuständig ist 1.4.1 Benutzung von Farbe – Stufe A: Farbe darf nie das einzige Mittel sein.
• Die Lösung ist immer ein zweites Signal: Symbol, Muster, Beschriftung, Position.
• Der schnellste Test ist ein Graustufen-Screenshot: Was dann seine Bedeutung verliert, ist der Befund.

Die vier Typen – und was tatsächlich zusammenfällt

Das menschliche Farbsehen beruht auf drei Zapfentypen für langwelliges (Rot), mittelwelliges (Grün) und kurzwelliges Licht (Blau). Eine Farbfehlsichtigkeit entsteht, wenn einer davon verschoben ist (Anomalie) oder fehlt (Anopie).

Zwei Punkte daraus sind für die Praxis wichtig. Erstens ist die Protanopie der unangenehmere Fall, weil Rot nicht nur verwechselt, sondern auch deutlich dunkler wahrgenommen wird – eine rote Warnfarbe auf dunklem Grund kann dabei fast verschwinden. Zweitens ist Rot–Grün nicht die einzige Falle: Orange gegen Hellgrün und Braun gegen Dunkelgrün trennen viele Betroffene ebenfalls nicht, und genau diese Paare tauchen in Diagrammpaletten regelmäßig auf.

Warum Kontrast allein nicht reicht

Ein verbreiteter Irrtum lautet, ausreichender Kontrast löse das Thema mit. Er löst es nicht, weil die WCAG-Kontrastformel mit der relativen Helligkeit rechnet und den Farbton ignoriert. Zwei Farben mit gleicher Helligkeit und unterschiedlichem Ton – etwa ein mittleres Rot und ein mittleres Grün – erreichen gegeneinander praktisch keinen Kontrast, gegen Weiß aber beide dieselben 4,5:1.

Umgekehrt heißt das: Wer Bedeutung über zwei Farben transportiert, muss zusätzlich einen Helligkeitsunterschied einbauen oder – besser – ein zweites, nicht farbliches Signal. Genau das verlangt 1.4.1 Benutzung von Farbe auf Stufe A, und zwar unabhängig vom erreichten Kontrastwert.

Die fünf Stellen, an denen es in der Praxis scheitert

Formularvalidierung. Ein rot umrandetes Pflichtfeld neben einem grün umrandeten korrekten Feld sieht für viele Betroffene identisch aus. Es braucht ein Symbol und einen Text – die Umsetzung steht unter Fehlermeldungen barrierefrei.

Status- und Ampelanzeigen. „Grün = verfügbar, rot = vergriffen“ ist die häufigste Einzelbarriere in Onlineshops. Ein Wort daneben löst sie vollständig.

Diagramme. Serien, die sich nur farblich unterscheiden, sind das klassische Problem. Wirksam sind Muster, direkte Beschriftungen an den Linien und unterschiedliche Linienformen – siehe Barrierefreie Diagramme.

Links im Fließtext. Ein Link, der sich nur durch die Farbe vom Text abhebt, ist für Betroffene nicht als Link erkennbar. Die WCAG erlauben das nur, wenn der Farbunterschied mindestens 3:1 zum umgebenden Text beträgt und beim Hover oder Fokus ein zweites Signal erscheint. Die haltbarere Lösung ist die Unterstreichung.

Karten und Heatmaps. Rot-Grün-Skalen sind der Standard und die schlechteste Wahl. Farbverläufe von Hell nach Dunkel innerhalb eines Farbtons funktionieren für alle.

So testest du es

Vier Schritte, keiner davon dauert länger als fünf Minuten:

1. Graustufen-Screenshot machen. In den Chrome-DevTools über „Rendering“ → „Emulate vision deficiencies“ → „Achromatopsia“. Alles, was jetzt seine Bedeutung verliert, ist ein Befund nach 1.4.1.
2. Die drei Simulationen durchgehen. Dieselbe DevTools-Funktion bietet Protanopie, Deuteranopie und Tritanopie. Achte besonders auf Diagramme, Statusanzeigen und Formulare.
3. Den Text lesen, nicht die Seite ansehen. Kommt „der rote Kasten“, „siehe grün markiert“ oder „die Felder in Orange“ im Inhalt vor, fehlt eine zweite Kennzeichnung – das ist zugleich ein Verstoß gegen 1.3.3 Sensorische Eigenschaften.
4. Kontrast trotzdem messen. Die Simulation ersetzt die Zahlen nicht; die Werte prüfst du mit dem Kontrast-Check.

Was die Simulation nicht kann: Sie zeigt eine Annäherung, keine Erfahrung. Anomalien (die Mehrheit der Fälle) sind schwächer ausgeprägt als die simulierten Anopien – ein Befund in der Simulation ist trotzdem einer, aber das Umgekehrte gilt nicht automatisch.

Häufiger Fehler in der Praxis

Eine eigene „Farbenblind-Palette“ anbieten. Das ist gut gemeint und löst nichts: Niemand findet einen versteckten Umschalter, und die verschiedenen Typen bräuchten verschiedene Paletten. Ein zweites Signal hilft allen, ohne Umschalter.

Rot und Grün durch Blau und Orange ersetzen und das Thema für erledigt halten. Die Kombination ist besser unterscheidbar, aber Bedeutung hängt weiterhin allein an der Farbe.

Die Ampel behalten und ein Icon in derselben Farbe danebensetzen. Ein rotes Kreuz neben einem roten Feld fügt nichts hinzu, solange die Form nicht unterscheidbar ist.

Nur mit Achromatopsie testen. Sie ist der härteste Fall und findet fast alles – aber sie verdeckt, dass Protanopie zusätzlich die Helligkeit verschiebt.

Häufige Fragen

Sehen farbfehlsichtige Menschen alles in Grau?

Nein, das ist der verbreitetste Irrtum. Sie sehen Farben, unterscheiden aber bestimmte Paare nicht. Vollständige Farbenblindheit (Achromatopsie) betrifft weit weniger als ein Promille der Bevölkerung.

Muss ich Rot und Grün ganz vermeiden?

Nein. Du musst nur sicherstellen, dass die Information nicht allein an der Farbe hängt. Eine rote Fehlermeldung mit Symbol und Text ist vollkommen in Ordnung.

Reicht es, wenn der Kontrast stimmt?

Nein. Die Kontrastformel rechnet mit Helligkeit, nicht mit Farbton – zwei gleich helle Farben können ununterscheidbar sein und trotzdem gegen Weiß bestehen.

Zählt Farbfehlsichtigkeit als Behinderung?

Rechtlich meist nicht, für die Barrierefreiheit sehr wohl: Die WCAG erfassen sie über 1.4.1, unabhängig von jeder Einstufung. Praktisch ist sie die häufigste Wahrnehmungseinschränkung überhaupt.

Verwandte Themen

• Sehbehinderung & Blindheit – das größere Spektrum, in dem Farbfehlsichtigkeit ein Sonderfall ist
• Farbkontraste richtig einstellen – die Werte und die Grenzen der Formel
• Barrierefreiheit im UX- und UI-Design – wo diese Entscheidungen fallen
• Barrierefreie Diagramme – der Anwendungsfall mit dem größten Hebel

Quellen

• Understanding SC 1.4.1: Use of Color (W3C – mit den Häufigkeitsangaben)
• WCAG 2.2: relative Leuchtdichte (W3C – die Formel, die den Farbton ignoriert)
• Chrome DevTools: Sehschwächen emulieren – die Simulationen im Browser