Design für Farbenblinde – Typen, Auswirkungen & Tools

Farbenblindheit (Farbfehlsichtigkeit) ist eine angeborene oder erworbene Einschränkung der Farbwahrnehmung, von der weltweit etwa 8 % der Männer und 0,5 % der Frauen betroffen sind, und die Designer dazu verpflichtet, Informationen niemals ausschließlich über Farbe zu kommunizieren.

Rubrik: Mediendesign & Digitale Medien · Unterrubrik: Accessibility · Niveau: Fortgeschritten

Was ist Farbenblindheit?

Farbenblindheit – korrekter als Farbfehlsichtigkeit bezeichnet – ist keine vollständige Blindheit, sondern eine eingeschränkte Fähigkeit, bestimmte Farben zu unterscheiden. Sie entsteht meist durch das Fehlen oder die fehlerhafte Funktion bestimmter Zapfentypen in der Netzhaut, die für die Farbwahrnehmung zuständig sind.

Die häufigste Form betrifft das Rot-Grün-Spektrum und ist X-chromosomal vererbt, weshalb deutlich mehr Männer (ca. 8 %) als Frauen (ca. 0,5 %) betroffen sind. Weltweit leben schätzungsweise 350 Millionen Menschen mit Farbfehlsichtigkeit (Colour Blind Awareness, 2023).

Erklärung

Typen der Farbenblindheit

Deuteranomalie / Deuteranopie (häufigste Form, ca. 5 % der Männer): Eingeschränkte oder fehlende Grün-Zapfen. Betroffene haben Schwierigkeiten, Rot und Grün zu unterscheiden. Grüntöne erscheinen bräunlich oder gelblich.

Protanomalie / Protanopie (ca. 1 % der Männer): Eingeschränkte oder fehlende Rot-Zapfen. Ähnlich wie Deuteranopie, aber zusätzlich wirken Rottöne dunkler. Das Risiko, rote Warnmeldungen zu übersehen, ist erhöht.

Tritanomalie / Tritanopie (sehr selten, ca. 0,01 % aller Menschen): Eingeschränkte oder fehlende Blau-Zapfen. Betrifft die Unterscheidbarkeit von Blau/Grün und Gelb/Violett.

Achromatopsie (vollständige Farbenblindheit, extrem selten): Kein funktionierendes Zapfensystem; die Welt wird nur in Graustufen wahrgenommen.

Erworbene Farbfehlsichtigkeit: Kann durch Erkrankungen (Glaukom, Diabetes, Multiple Sklerose), Medikamente oder Alterung entstehen. Anders als angeborene Formen kann sie sich im Verlauf verändern.

Design-Prinzip: Redundante Kodierung

Das wichtigste Designprinzip für farbenblinde Nutzerinnen und Nutzer ist die redundante Kodierung: Informationen werden nicht ausschließlich über Farbe vermittelt, sondern durch mindestens einen weiteren Kanal ergänzt.

Beispiele für redundante Kodierung:

• Farbe + Form/Icon: Fehlermeldungen nicht nur rot färben, sondern auch ein Warnsymbol (⚠) hinzufügen.
• Farbe + Muster: In Diagrammen und Karten Füllmuster (Schraffuren, Punkte) zusätzlich zu Farben verwenden.
• Farbe + Text: Statusanzeigen nicht nur farbig, sondern auch textlich beschriften (z. B. „Aktiv" statt nur grüner Punkt).
• Farbe + Position: In Formularen Pflichtfelder nicht nur farbig markieren, sondern auch mit einem Sternchen (*) und einer Legende kennzeichnen (vgl. Barrierefreie Formulare – Labels, Fehler & Bestätigung).

Farbpaletten für farbenblinde Nutzer

Bestimmte Farbkombinationen sind für alle Typen von Farbfehlsichtigkeit besser unterscheidbar als andere:

Problematische Kombinationen:

• Rot-Grün (häufigste Verwechslung)
• Blau-Lila (für Tritanopen)
• Grün-Braun (für Deuteranopen)
• Grün-Schwarz (für Protanopen)

Besser unterscheidbare Farben:

• Blau und Orange
• Blau und Rot
• Blau und Gelb
• Schwarz und Weiß (mit ausreichendem Farbkontrast & Accessibility – AA vs. AAA-Standards)

Empfohlene barrierefreie Farbpaletten für Datenvisualisierungen stammen von ColorBrewer (Brewer, 2003), dem Okabe-Ito-Farbschema (Okabe & Ito, 2002) oder dem IBM Carbon Design System.

Farbenblindheit und Farbkontrast & Accessibility – AA vs. AAA-Standards

WCAG-Kontrastanforderungen testen Helligkeit, nicht Farbton. Ein Rot-Grün-Paar kann WCAG-konform sein (ausreichende Helligkeitsdifferenz), aber trotzdem für Rot-Grün-Blinde nicht unterscheidbar sein. Konformität mit Farbkontrast & Accessibility – AA vs. AAA-Standards schützt nicht automatisch vor Farbton-Verwechslungen.

Beispiele

Schlechtes Beispiel: Ein Liniendiagramm mit vier Linien, die sich nur durch Farbe unterscheiden (Rot, Grün, Orange, Hellgrün) – für Deuteranope sind die Linien nahezu identisch.

Gutes Beispiel: Dasselbe Diagramm mit vier verschiedenen Linientypen (durchgezogen, gestrichelt, gepunktet, strich-punkt) zusätzlich zur Farbe sowie direkte Beschriftungen an den Linien statt einer Farblegende.

In der Praxis

Simulationstools im Design-Workflow:

• Figma-Plugin Stark: Simuliert alle Haupttypen der Farbfehlsichtigkeit direkt im Design-Tool.
• Adobe Color Accessibility Tools: Überprüft Farbpaare auf Konfliktfreiheit für Farbfehlsichtige.
• Coblis (Color Blindness Simulator): Web-Tool, das Bilder in die Ansicht verschiedener Farbfehlsichtigkeitstypen umrechnet (Wickline, 2022).
• macOS Accessibility-Einstellungen: Unter „Anzeige > Farbfilter" lässt sich Graustufendarstellung oder Rot-Grün-Simulation systemweit aktivieren.
• Chrome DevTools: Emulation von Farbfehlsichtigkeit unter „Rendering > Emulate vision deficiency".

Typische Workflows:

1. Farbpalette mit Stark oder Coblis in allen Hauptvarianten prüfen.
2. Alle informativen Farbelemente auf redundante Kodierung prüfen.
3. Datencharts und Infografiken mit Schraffurmustern versehen.
4. Fehlerzustände in Formularen mit Icons ergänzen.

Vergleich & Abgrenzung

Farbenblindheit vs. Low Vision: Low Vision beschreibt allgemeine Sehschwäche (reduzierte Sehschärfe), die durch Kontrasterhöhung und Textvergrößerung (Schriftgröße & Lesbarkeit – Mindeststandards für barrierefreien Text) adressiert wird. Farbenblindheit betrifft spezifisch die Farbwahrnehmung, nicht unbedingt die Sehschärfe.

Farbenblindheit vs. [Accessibility – Grundlagen digitaler Barrierefreiheit](/wiki/mediendesign-digitale-medien/accessibility/accessibility-grundlagen/) allgemein: Farbenblindheit ist eine spezifische Form von Behinderung unter den vielen, die Accessibility adressiert. Maßnahmen für Farbenblinde sind Teil des umfassenderen Accessibility-Frameworks.

Häufige Fragen (FAQ)

Kann ich einfach auf Farbe in meinen Designs verzichten? Farbe ist ein wertvolles Kommunikationsmittel und muss nicht eliminiert werden. Das Prinzip ist redundante Kodierung: Farbe bleibt als eine von mehreren Informationsquellen erhalten.

Sind schwarz-weiße Designs automatisch farbenblind-freundlich? Ja, vollständig monochrome Designs sind für alle Formen der Farbfehlsichtigkeit zugänglich – aber Farbkontrast & Accessibility – AA vs. AAA-Standards muss trotzdem beachtet werden.

Welcher Farbenblindheitstyp ist beim Design am kritischsten? Deuteranopie und Protanopie (Rot-Grün) sind am häufigsten und sollten in jedem professionellen Design-Review berücksichtigt werden.

Verwandte Einträge

• Farbkontrast & Accessibility – AA vs. AAA-Standards
• Accessibility – Grundlagen digitaler Barrierefreiheit
• WCAG – Web Content Accessibility Guidelines im Überblick
• Barrierefreie Formulare – Labels, Fehler & Bestätigung
• Accessibility Testing – Tools & Methoden (axe, WAVE, Lighthouse)

Weiterführend

• Brewer, Cynthia A.: ColorBrewer 2.0: Color Advice for Cartography. 2003/2023.
• Okabe, Masataka / Ito, Kei: Color Universal Design (CUD): How to Make Figures and Presentations That Are Friendly to Colorblind People. 2002.
• Colour Blind Awareness: Types of Colour Blindness. 2023.
• Flatla, David R. / Gutwin, Carl: SSMRecolor: Improving Recolorization using Sparse Sampling and Error Minimization. ACM ASSETS, 2012.
• Wickline, Michael: Coblis — Color Blindness Simulator. 2022.