Der Bedeutung einen zweiten Weg geben
Farbe kann eine Stimmung erzeugen, noch bevor jemand ein Wort liest. Manchmal übernimmt sie zusätzlich eine konkrete Aufgabe: Sie zeigt, ob eine Anfrage erfolgreich war, welche Option ausgewählt ist oder zu welcher Datenreihe eine Linie gehört. Diese Aufgaben sollten getrennt betrachtet werden. Ein dekorativer blauer Lichtschein darf Dekoration bleiben. Ein farbiger Punkt, von dem der nächste Schritt abhängt, braucht dagegen eine verständliche Ergänzung. Unser Ausgangspunkt beim Entwerfen: zuerst die Aussage formulieren, danach ihre visuellen Ausdrucksmittel wählen.
Den Zustand benennen, nicht die Farbe
Das Erfolgskriterium 1.4.1 der WCAG 2.2 verlangt, dass Farbe nicht das einzige visuelle Mittel zur Informationsvermittlung ist. Für eine Statusanzeige ergibt sich daraus eine einfache Verbesserung: Statt eines unerklärten orangefarbenen Punkts steht dort „Wartet auf Prüfung“, gegebenenfalls ergänzt durch ein Uhrsymbol. Die Beschriftung vermittelt die Aussage; die Farbe erleichtert den Überblick. Auch Anweisungen wie „Wählen Sie den grünen Eintrag“ lassen sich vermeiden. Benennen Sie den Eintrag oder seine Funktion. Eine monochrome Ansicht sollte aus einer verständlichen Liste kein Ratespiel machen.
Fehler direkt am Feld erklären
Ein Beispiel: Nach dem Absenden eines Kontaktformulars bekommt das E-Mail-Feld einen roten Rahmen. Was fehlt, muss die Person trotzdem selbst herausfinden. Eine Meldung wie „Geben Sie eine E-Mail-Adresse mit @ ein“ hilft weiter. Sie steht nahe am Feld, ist technisch damit verknüpft, und die bisherigen Eingaben bleiben erhalten. Ein Warnsymbol kann die Erklärung unterstützen, aber nicht ersetzen. Sichtbare Hinweise und Informationen für assistive Technik müssen getrennt geprüft werden: Eine versteckte Ansage ersetzt keine sichtbare Alternative zur Farbe. Umgekehrt macht eine sichtbare Beschriftung eine dynamische Änderung nicht automatisch für einen Screenreader nachvollziehbar.
Diagramme sollen sich selbst erklären
In einem überschaubaren Projektzeitplan lässt sich jede Linie direkt beschriften. So müssen die Augen nicht ständig zwischen Grafik und weit entfernter Farblegende wechseln. Unterschiedliche Linienarten oder Punktformen können zusätzlich helfen, solange sie lesbar bleiben. Bei dichten Diagrammen lohnt sich zuerst eine einfachere Darstellung, nicht sofort ein weiteres Muster. Zusätzliche Hinweise sollen Klarheit schaffen, keine Unruhe. Wenn genaue Werte wichtig sind, ergänzt eine ordentlich beschriftete Tabelle die Grafik. Eine brauchbare Prüffrage lautet: Lässt sich die verspätete Phase finden, ohne zu wissen, welche Linie orange ist?
Unterscheidbarkeit ist nicht dasselbe wie Sichtbarkeit
Ein Dreieck unterscheidet sich von einem Kreis. Sind beide zu blass, hilft das jedoch wenig. WCAG 1.4.11 behandelt gesondert den Kontrast wesentlicher Informationen an Bedienelementen und in Grafiken: grundsätzlich 3:1 zu angrenzenden Farben, mit festgelegten Ausnahmen. Kontrast und verständliche Unterscheidung brauchen deshalb eigene Prüfungen. Rot und Grün dunkler zu machen reicht nicht aus, wenn eine Anweisung weiterhin verlangt, die rote Variante zu erkennen. Ebenso rettet eine großzügige Beschriftung kein kaum sichtbares Symbol, wenn allein dieses Symbol ein Bedienelement identifiziert.
Den ganzen Ablauf prüfen
Als schnelle Entwurfsübung eignet sich eine Graustufenansicht: Lassen sich alle Zustände erklären, ohne Farbnamen zu verwenden? Das kann Abhängigkeiten sichtbar machen, ist aber weder ein WCAG-Konformitätsnachweis noch eine Simulation aller Sehweisen. Anschließend folgen tatsächliche Kontrastprüfungen, Tastaturfokus, Auswahl- und Fehlerzustände sowie die Ausgabe von Änderungen an assistive Technik. Prüfen Sie auch die schmale Ansicht: Eine hilfreiche Beschriftung nützt nichts, wenn sie auf dem Smartphone ausgeblendet wird. Ziel ist nicht, Farbe abzuschaffen. Sie soll eine Oberfläche unterstützen, deren Bedeutung auch ohne sie erhalten bleibt.