Farbe als alleiniger Informationsträger ist ein Gestaltungsfehler: Eine Information wird nur über Farbe vermittelt, etwa ein Fehler nur durch einen roten Rahmen oder ein Link nur durch blaue Schrift. Wer Farben schlecht unterscheidet, einen Bildschirm in grellem Licht nutzt oder ausdruckt, erkennt die Information dann nicht.
- Farbe als alleiniger Informationsträger
Ein Gestaltungsfehler, bei dem eine Information nur über Farbe vermittelt wird, etwa ein Fehler nur durch einen roten Rahmen.
Beispiel: „Im Formular war Farbe als alleiniger Informationsträger eingesetzt: Pflichtfelder waren nur rot beschriftet.“Auch: Use of Color, Farbe als einziges Unterscheidungsmerkmal.
Geregelt im WCAG-Kriterium 1.4.1, Stufe A.
Farbe als alleiniger Informationsträger in WCAG 1.4.1
Laut Kriterium 1.4.1 darf Farbe nicht das einzige visuelle Mittel sein, um Information zu vermitteln, eine Aktion anzuzeigen, zu einer Reaktion aufzufordern oder Elemente zu unterscheiden. Es gilt schon auf der niedrigsten Stufe A. Unterscheiden sich zwei Farben zusätzlich in der Helligkeit mit mindestens 3 zu 1, zählt das als weiteres Merkmal; bei Grün für gültig und Rot für ungültig braucht es trotzdem einen Text oder ein Symbol.
Links nur in Farbe
Links, die sich nur durch Farbe vom Fließtext abheben, sind laut der Technik F73 ein Fehler, selbst wenn beim Überfahren mit der Maus eine Unterstreichung erscheint. Ohne Unterstreichung braucht die Linkfarbe nach der Technik G183 mindestens 3 zu 1 Kontrast zum umgebenden Text und zusätzlich ein sichtbares Merkmal beim Überfahren und beim Fokus. Die Unterstreichung ist der einfachste Weg.
main a {
color: #0062d1;
text-decoration: underline;
text-underline-offset: 2px;
}Formulare und Diagramme
Pflicht- und Fehlerfelder, die nur rot markiert sind, nennt die Technik F81 einen Fehler; ein Sternchen mit Erklärung oder ein Fehlertext löst das. Diagramme brauchen Beschriftungen oder Muster zusätzlich zur Farbe. Ein schneller Test: die Seite in Graustufen ansehen und prüfen, ob noch alles verständlich ist.