Ein Pflichtfeld wird übersehen, das Formular springt zurück, ein Rahmen leuchtet rot. Für die meisten Besucher ist die Sache damit klar. Für jemanden mit einer Rot-Grün-Schwäche bleibt der Rahmen einfach ein Rahmen, ohne erkennbare Botschaft.
Genau das ist der blinde Fleck vieler Webseiten: Farbe trägt eine Bedeutung, und nur die Farbe. Wer sie nicht so wahrnimmt wie gedacht, verliert die Information komplett. Bei Farbe und Barrierefreiheit geht es deshalb vor allem um die Frage, ob eine Aussage auch ohne ihre Farbe ankommt.
Ein zweites Signal genügt fast immer. Ein kleines Symbol, ein Wort, eine Linienform neben der Farbe, und die Botschaft erreicht alle. Wer Farben anders sieht, wo die Falle lauert und wie Du sie in zwei Minuten selbst aufspürst, ist schnell geklärt.
Wie viele Menschen Farben anders sehen
Farbfehlsichtigkeit ist keine seltene Ausnahme. Etwa jeder zwölfte Mann und jede zweihundertste Frau unterscheidet Rot und Grün schlechter als die Norm. Auf eine durchschnittliche Besuchergruppe gerechnet sitzen darin spürbar viele, die ein rotes Warnsignal nicht als rot lesen.
Dazu kommen weitere Gruppen. Manche Menschen verwechseln Blau und Gelb, andere sehen Farben durch eine Augenerkrankung blasser oder verschoben. Mit dem Alter lässt die Farbunterscheidung ohnehin nach, ganz ohne Diagnose.
Und dann ist da die Technik. Ein Handy in der Sonne, ein Schwarz-Weiß-Ausdruck, ein Display im Energiesparmodus mit gedämpften Farben: All das nimmt einer Farbe ihre Aussagekraft. Ein Signal, das nur an der Farbe hängt, wird so für jeden brüchig, nicht nur für eine kleine Gruppe.
Das Prinzip — Farbe nie als einziges Signal
Die Regel ist kurz und sie steht so auch in den Standards für barrierefreies Web: Farbe darf nie der alleinige Träger einer Information sein. Sie darf gern verstärken, betonen, schneller erkennbar machen. Daneben braucht sie aber eine zweite Ebene, die dieselbe Aussage trägt.
Der Denkfehler liegt im eigenen Blick. Wer Rot und Grün klar trennt, sieht im roten Rahmen sofort den Fehler und hält die Sache für eindeutig. Für andere bleibt sie unklar. Sobald die Farbe wegfällt, muss die Botschaft trotzdem stehen.
Ein einfacher Prüfsatz hilft im Alltag: Würde diese Information auch in Graustufen funktionieren? Wenn ja, ist alles gut. Wenn nein, fehlt der zweite Kanal. Mehr Theorie braucht es für den Einstieg nicht. Wie sich das ins größere Bild einfügt, ordnen die Grundlagen der Barrierefreiheit ein.
Wo Farbe heimlich allein steht
Im Entwurf wirkt vieles eindeutig, weil das eigene Auge die Lücke füllt. Erst der nüchterne Blick zeigt, wo eine Farbe ganz allein eine Bedeutung tragen soll. Dieselben Stellen tauchen immer wieder auf.
- Pflichtfelder und Fehler: Ein rot umrandetes Feld ohne Text bleibt stumm für jeden, der Rot nicht als Warnung liest.
- Status-Ampeln: Grün für „verfügbar", Rot für „belegt". Ohne Wort oder Symbol ist der Punkt nur ein farbiger Kreis.
- Diagramm-Legenden: Zwei Linien, allein durch Farbe getrennt, sind für manche Augen ein einziger Strang.
- Links im Text: Ein Link, der sich nur durch die Farbe vom Fließtext abhebt, ist ohne Unterstreichung kaum als Link erkennbar.
Gerade der erste Punkt trifft Formulare hart, denn dort entscheidet ein verstandener Hinweis über Erfolg oder Abbruch. Wie Du Pflichtfelder, Fehler und Hilfen sauber kennzeichnest, vertieft der Beitrag zu barrierefreien Formularen.
Muster, Icons und Beschriftung als zweiter Kanal
Der zweite Kanal ist selten Aufwand, meist nur eine bewusste Ergänzung. Du behältst die Farbe und legst ein Signal daneben, das ohne sie funktioniert. Drei Wege decken fast jeden Fall ab.
Ein Symbol neben die Farbe. Ein Warndreieck am Fehler, ein Häkchen am Erfolg, ein Punkt am belegten Termin. Das Icon sagt dasselbe wie die Farbe und bleibt auch in Graustufen erkennbar.
Ein Wort statt nur Farbe. „Fehler", „verfügbar", „ausverkauft" als kurzer Text neben dem farbigen Element. Ein Wort kostet wenig Platz und beendet jede Mehrdeutigkeit sofort.
Eine Form oder ein Muster. In Diagrammen unterscheidest Du Linien durch durchgezogen, gestrichelt und gepunktet, Flächen durch Schraffuren. So bleiben die Datenreihen auch ohne Farbe trennbar.
Bei Links gilt die einfachste Variante: Unterstreiche sie im Fließtext. Die Unterstreichung ist das zweite Signal, das den Link unabhängig von seiner Farbe markiert.
Selbst prüfen — Graustufen-Test und Simulatoren
Du musst nicht raten, ob ein Signal ohne Farbe trägt. Zwei kostenlose Wege zeigen es Dir in Minuten, beide ohne Spezialwissen.
Der Graustufen-Test. Betrachte Deine Seite in Schwarz-Weiß oder mach einen Screenshot und entferne die Farbe im Bildbetrachter. Verschwindet eine Aussage, hängt sie nur an der Farbe. Genau dort fehlt der zweite Kanal.
Ein Farbsehen-Simulator. Browser-Erweiterungen und Design-Werkzeuge bilden verschiedene Farbfehlsichtigkeiten nach. Du siehst Deine Seite so, wie sie bei Rot-Grün-Schwäche wirkt, und erkennst sofort, welche roten und grünen Signale zusammenfallen. Wie Du dieselbe Seite zusätzlich für Dunkelmodus und Kontrast für alle einstellbar machst, ist eine eigene Stellschraube neben der Farbwahrnehmung.
Der Kontrast einer Schrift ist davon übrigens unberührt: Ob ein Text überhaupt lesbar ist, gehört zu Farbkontrast richtig prüfen und ist eine eigene Messung. Hier geht es allein um die Frage, ob Farbe eine Bedeutung allein trägt. Wer beides zusammen abdecken will, findet die Werkzeuge dafür unter Barrierefreiheit systematisch testen.
Was Du von Deiner Agentur erwarten darfst
Du musst die Prüfung nicht jedes Mal selbst machen. Wenn jemand für Dich gestaltet, gehört das zweite Signal von Anfang an dazu, ohne Extra-Auftrag und ohne Aufpreis.
Frag konkret nach den vier Stellen aus diesem Beitrag: Sind Fehler in Formularen mit Text oder Symbol markiert, nicht nur mit rotem Rahmen? Tragen Status-Anzeigen ein Wort neben der Farbe? Sind Links im Text ohne Farbe erkennbar? Funktionieren Diagramme in Graustufen?
Eine gute Antwort klingt nach Selbstverständlichkeit, nicht nach Mehraufwand. Wer Barrierefreiheit ernst nimmt, hat den Graustufen-Blick längst im Entwurf. So bleibt die Verantwortung dort, wo das Wissen sitzt, und Du behältst trotzdem den Prüfsatz für die Stichprobe.
Fazit
Farbe ist ein starkes Gestaltungsmittel, solange sie nicht allein arbeiten muss. Sobald eine Information nur an Rot oder Grün hängt, geht sie für viele Besucher verloren, oft ohne dass es jemand bemerkt.
Der Ausweg kostet kaum Mühe. Ein Symbol, ein Wort oder eine Form neben der Farbe, und die Aussage erreicht alle. Mach beim nächsten Entwurf den Graustufen-Test, dann siehst Du selbst, wo noch ein zweites Signal fehlt.