--- title: "Farbsehschwäche" url: "https://insideuxdesign.com/de/glossar/farbsehschwaeche" language: "de" description: "Was ist eine Farbsehschwäche? Einfach erklärt mit Formen, Häufigkeit und WCAG 1.4.1. Erfahre, wie du Interfaces gestaltest, die ohne Farbe funktionieren." published: "2026-10-14T15:20:34+02:00" updated: "2026-10-14T15:20:34+02:00" --- # Farbsehschwäche Eine Farbsehschwäche bedeutet, dass jemand bestimmte Farben schlechter unterscheiden kann als die meisten Menschen. Am häufigsten ist die Rot-Grün-Schwäche. - **Buchstabe:** F - **Englischer Begriff:** Color Vision Deficiency UX-Glossar · engl. Color Vision Deficiency # Farbsehschwäche Eine Farbsehschwäche bedeutet, dass jemand bestimmte Farben schlechter unterscheiden kann als die meisten Menschen. Am häufigsten ist die Rot-Grün-Schwäche. Stell dir vor, du füllst online ein Formular aus und klickst auf „Absenden“. Nichts passiert. Erst nach einer Weile merkst du, dass zwei Felder einen roten Rahmen bekommen haben. Für dich sieht dieser Rahmen allerdings fast genauso aus wie der graugrüne Rahmen der anderen Felder. Du rätst, was falsch ist. So erleben viele Menschen mit einer Farbsehschwäche Interfaces, die Informationen nur über Farbe vermitteln. ## Einfach erklärt Eine Farbsehschwäche (englisch Color Vision Deficiency, kurz CVD) bedeutet, dass jemand bestimmte Farben schlechter unterscheiden kann als die meisten Menschen. Ursache sind meist die Zapfen in der Netzhaut, also die Sinneszellen für Farbe. Es gibt drei Arten, jeweils für langwelliges (rötliches), mittelwelliges (grünliches) und kurzwelliges (bläuliches) Licht. Funktioniert eine Art anders oder gar nicht, verschwimmen bestimmte Farbtöne. Ein Vergleich aus dem Alltag: Stell dir vor, an deinem Fernseher ist ein Farbregler verstellt. Du siehst weiterhin ein buntes Bild, aber manche Töne, die eigentlich klar verschieden sind, wirken plötzlich ähnlich. Umgangssprachlich heißt das oft „Farbenblindheit“. Das trifft es meist nicht: Die allermeisten Betroffenen sehen Farben, nur anders. Vollständig ohne Farbwahrnehmung (Achromatopsie) leben laut MedlinePlus etwa 1 von 30.000 Menschen. ## Formen und Häufigkeit - **Rot-Grün-Schwäche** ist die häufigste Form. Rot-, Gelb- und Grüntöne sind schwer zu unterscheiden. In Bevölkerungen mit nordeuropäischer Abstammung betrifft sie laut MedlinePlus etwa 1 von 12 Männern und 1 von 200 Frauen. In den meisten anderen untersuchten Bevölkerungen ist sie seltener. - **Blau-Gelb-Schwäche** ist deutlich seltener, weltweit weniger als 1 von 10.000 Menschen, und betrifft alle Geschlechter gleich. Die meisten Formen sind angeboren. Eine Farbsehschwäche kann aber auch durch Augenerkrankungen oder bestimmte Medikamente entstehen. ## Ein Beispiel Ein Beispiel: Ein Dashboard zeigt den Status von Bestellungen mit grünen und roten Punkten, ohne Beschriftung. Wer eine Rot-Grün-Schwäche hat, sieht zwei fast gleiche Punkte und kann nicht erkennen, welche Bestellung hängt. Nach der Überarbeitung steht neben jedem Punkt ein Wort („Versendet“, „Problem“), und der Problemstatus bekommt zusätzlich ein Warnsymbol. Die Farben bleiben, sind aber nicht mehr die einzige Information. ## Warum das wichtig ist Die [WCAG](https://insideuxdesign.com/de/glossar/wcag) verlangen in Erfolgskriterium 1.4.1 (Stufe A), dass Farbe nicht das einzige visuelle Mittel ist, um Informationen zu vermitteln. Das betrifft Fehlermeldungen, Links im Fließtext, Diagramme und Statusanzeigen. Mehr dazu im Artikel [Farbenblindheit im UX-Design: Richtlinien und Werkzeuge](https://insideuxdesign.com/de/blog/farbenblindheit-im-ux-design-richtlinien-und-werkzeuge). ## In der Praxis - **Kombiniere Farbe mit einem zweiten Signal.** Text, Symbole, Muster oder Unterstreichungen sorgen dafür, dass die Information auch ohne Farbe ankommt. - **Simuliere früh.** Plugins wie [Stark](https://insideuxdesign.com/de/ressourcen/stark) oder die Funktion „Emulate vision deficiencies“ in den Chrome DevTools zeigen, wie dein Entwurf mit verschiedenen Farbsehschwächen wirkt. - **Setz auf Helligkeitsunterschiede.** Farben mit ausreichendem [Kontrastverhältnis](https://insideuxdesign.com/de/glossar/kontrastverhaeltnis) bleiben auch dann unterscheidbar, wenn der Farbton verschwimmt. ## Verwandte Begriffe [Barrierefreiheit](https://insideuxdesign.com/de/glossar/barrierefreiheit), [WCAG](https://insideuxdesign.com/de/glossar/wcag), [Kontrastverhältnis](https://insideuxdesign.com/de/glossar/kontrastverhaeltnis), [Gestaltgesetze](https://insideuxdesign.com/de/glossar/gestaltgesetze) ## Quellen - [MedlinePlus Genetics: Color vision deficiency. U.S. National Library of Medicine, 2015](https://medlineplus.gov/genetics/condition/color-vision-deficiency/) - [MedlinePlus Genetics: Achromatopsia. U.S. National Library of Medicine, 2025](https://medlineplus.gov/genetics/condition/achromatopsia/) - [W3C WAI: Understanding Success Criterion 1.4.1: Use of Color. W3C, 2025](https://www.w3.org/WAI/WCAG22/Understanding/use-of-color.html) - [Chrome for Developers: What’s New In DevTools (Chrome 83): Emulate vision deficiencies. Google, 2020](https://developer.chrome.com/blog/new-in-devtools-83) ## Weitere Begriffe [ ### A/B-Test Ein A/B-Test ist ein Experiment, bei dem zwei Varianten einer Seite oder eines Elements gleichzeitig an zufällig aufgeteilte Besuchende ausgespielt werden. So entscheidest du anhand echter Daten, welche Variante besser funktioniert. ](https://insideuxdesign.com/de/glossar/a-b-test) [ ### ARIA ARIA ist ein W3C-Standard, der HTML um Rollen, Zustände und Eigenschaften ergänzt. So erfahren Screenreader, was ein Element ist und wie es sich gerade verhält. ](https://insideuxdesign.com/de/glossar/aria) [ ### Affordance Eine Affordance beschreibt, welche Handlung ein Objekt möglich macht und ob Menschen das erkennen: Ein Button lädt zum Drücken ein, ein Griff zum Ziehen. ](https://insideuxdesign.com/de/glossar/affordance) [ ### Alternativtext Ein Alternativtext ist eine kurze Textfassung eines Bildes im HTML-Attribut alt. Screenreader lesen ihn vor, damit Menschen, die das Bild nicht sehen, dieselbe Information bekommen. ](https://insideuxdesign.com/de/glossar/alternativtext) [ ### Arbeitsgedächtnis Das Arbeitsgedächtnis hält Informationen für kurze Zeit fest, damit du mit ihnen arbeiten kannst. Es fasst nur wenig, deshalb sollten Interfaces möglichst wenig Merkarbeit verlangen. ](https://insideuxdesign.com/de/glossar/arbeitsgedaechtnis) [ ### Atomic Design Atomic Design ist eine Methode, Benutzeroberflächen aus kleinen, wiederverwendbaren Bausteinen aufzubauen: von einzelnen Elementen wie Buttons bis zu ganzen Seiten. ](https://insideuxdesign.com/de/glossar/atomic-design) [ ### BFSG Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet seit dem 28. Juni 2025 viele Unternehmen, bestimmte Produkte und digitale Dienstleistungen wie Onlineshops barrierefrei zu gestalten. ](https://insideuxdesign.com/de/glossar/bfsg) [ ### Barrierefreiheit Barrierefreiheit bedeutet, dass Websites, Apps und digitale Dokumente so gestaltet sind, dass alle Menschen sie nutzen können, auch mit einer Seh-, Hör-, motorischen oder kognitiven Behinderung. ](https://insideuxdesign.com/de/glossar/barrierefreiheit) [ ### Card Sorting Card Sorting ist eine Research-Methode, bei der Menschen Begriffe auf Karten in Gruppen sortieren. So siehst du, wie sie Inhalte gedanklich ordnen, und kannst eine verständliche Navigation planen. ](https://insideuxdesign.com/de/glossar/card-sorting) [ ### Cognitive Load Cognitive Load ist die geistige Anstrengung, die nötig ist, um eine Oberfläche zu verstehen und zu bedienen. Je weniger unnötige Denkarbeit ein Design verlangt, desto leichter fällt die eigentliche Aufgabe. ](https://insideuxdesign.com/de/glossar/cognitive-load) [ ### Contextual Inquiry Contextual Inquiry ist eine Research-Methode, bei der du Menschen in ihrem echten Arbeitsumfeld beobachtest und befragst. So siehst du, wie sie Aufgaben tatsächlich erledigen, nicht nur, wie sie davon erzählen. ](https://insideuxdesign.com/de/glossar/contextual-inquiry) [ ### Conversion Eine Conversion ist eine gewünschte Aktion auf einer Website oder in einer App, etwa ein Kauf oder eine Anmeldung. Die Conversion Rate zeigt, welcher Anteil der Besuche dazu führt. ](https://insideuxdesign.com/de/glossar/conversion)