Erfolgskriterien

WCAG 1.4.1 Verwendung von Farbe

Erfolgskriterium 1.4.1 verlangt, dass Farbe nicht als einziges visuelles Mittel verwendet wird, um Informationen zu vermitteln, eine Aktion anzuzeigen, eine Reaktion anzufordern oder ein visuelles Element zu unterscheiden. Es ist ein Kriterium der Stufe A unter Richtlinie 1.4 (Unterscheidbar).

Warum reine Farbsignale scheitern

Etwa 1 von 12 Männern und 1 von 200 Frauen haben eine Form von Farbsehschwäche – Rot-Grün-Farbenblindheit ist die häufigste. Für sie kann ein Signal, das vollständig davon abhängt, eine Farbe von einer anderen zu unterscheiden (insbesondere Rot von Grün), tatsächlich nicht wahrnehmbar sein, nicht nur schwerer zu sehen. Dies unterscheidet sich von 1.4.3 Kontrast, das betrifft, wie viel Kontrast eine Farbe gegenüber ihrem Hintergrund hat – bei 1.4.1 geht es darum, ob Farbe überhaupt der einzige Kanal ist, der Bedeutung trägt, unabhängig vom Kontrastverhältnis.

Der häufigste Fehler: Links, nur durch Farbe identifiziert

Ein in einen Absatz Fließtext eingebetteter Link, der sich vom umgebenden Text nur durch eine andere (aber ähnlich gewichtete) Farbe unterscheidet, ohne Unterstreichung oder anderen Nicht-Farb-Hinweis – jemand, der die beiden Farben nicht unterscheiden kann, hat keine Möglichkeit zu erkennen, welche Wörter klickbar sind.

Andere häufige Muster

• Formularvalidierungszustände, die nur durch einen roten oder grünen Rahmen angezeigt werden, ohne Symbol oder Textmeldung
• Diagramme und Grafiken, bei denen Datenreihen nur durch Farbe unterschieden werden, ohne Muster, Beschriftung oder unabhängig von Farbe lesbare Legende
• Pflichtfeld-Indikatoren, die nur ein farbiges Sternchen oder farbigen Beschriftungstext ohne zusätzliches Symbol oder Formulierung verwenden
• Statusanzeigen (ein farbiger Punkt für online/abwesend/offline) ohne begleitenden Text oder Symbolformunterschied

Das Lösungsmuster

Kombinieren Sie jedes farbcodierte Signal mit einem zweiten, farbunabhängigen Hinweis: einem Symbol, einer Unterstreichung, einer Textbeschriftung, einem Muster oder einer Textur, einem Formunterschied. Ein roter Fehlerrahmen, kombiniert mit einem Fehlersymbol und einer Textmeldung, erfüllt das Kriterium selbst für jemanden, der Rot überhaupt nicht wahrnehmen kann.

Häufige Fragen

Was ist WCAG 1.4.1 Verwendung von Farbe?

Ein Kriterium der Stufe A: Mit Farbe vermittelte Informationen müssen zusätzlich über ein weiteres visuelles Mittel verfügbar sein, damit farbfehlsichtige Nutzer sie nicht verpassen.

Was ist ein typischer Verstoß?

Pflichtfelder oder Fehler nur in Rot zu kennzeichnen oder Links allein durch Farbe vom umgebenden Text zu unterscheiden, ohne Unterstreichung.

Wie behebe ich ein 1.4.1-Problem?

Kombinieren Sie Farbe mit Text, Symbolen, Mustern oder Unterstreichungen – etwa ein Sternchen samt Hinweis an Pflichtfeldern und Unterstreichungen für Links im Fließtext.