Farben werden oft eingesetzt, um Emotionen zu wecken und Akzente zu setzen. Das ist einer der Gründe, warum Designer Farben als wichtiges Element ihrer Arbeit betrachten. Farben vermitteln Botschaften sowohl auf psychologischer als auch auf visueller Ebene. Die Bedeutung von Farben ist unbestreitbar, aber ist es richtig, eine Botschaft ausschließlich auf Farben zu stützen? Dieser Beitrag ist ein bescheidener Versuch, diese Frage zu beantworten und die Gründe für meine Meinung zu erläutern.
Das mag selbstverständlich sein, aber jeder Mensch ist anders. Sowohl geistig als auch körperlich verfügen wir alle über unterschiedliche Fähigkeiten. Und wenn wir von dem abweichen, was als „die Norm“ gilt – bedeutet das dann, dass wir von den Erfahrungen ausgeschlossen werden sollten, die alle anderen machen? Auf keinen Fall! Bei der Gestaltung von Erlebnissen müssen wir inklusiv denken. Ich sage nicht, dass man keine Farben verwenden kann oder sollte, sondern vielmehr, dass Farben zusammen mit anderen Mitteln zur Informationsvermittlung eingesetzt werden sollten.
Einige Hintergrundinformationen zur Farbwahrnehmung und zur Farbenblindheit
Viele Menschen haben Schwierigkeiten, Farben zu erkennen oder zu sehen. Tatsächlich belegen Statistiken, dass Männer häufiger von Farbenblindheit betroffen sind als Frauen und dass jeder zwölfte Mann farbenblind ist. Zum besseren Verständnis: Farbenblindheit bedeutet nicht, dass man keine Farben sehen kann, sondern vielmehr, dass man Farben nicht unterscheiden kann. So sehen farbenblinde Menschen die Welt beispielsweise in Braun- oder Gelbtönen. Dies ist ein wichtiger Grund, warum wir uns bei der Vermittlung von Informationen nicht allein auf Farben verlassen sollten.
Drei häufige Fehler: Wer ist davon betroffen?
Wenn wir wichtige Informationen ausschließlich über Farben vermitteln, hat dies Auswirkungen auf Menschen mit Farbenblindheit, Sehbehinderte und in gewissem Maße auch auf ältere Nutzer. In der Abbildung unten gehen wir davon aus, dass jeder erkennen kann, dass Möhren orange und Bohnen grün sind. Für eine Person mit Farbenblindheit könnte jedoch alles grün sein – also ausschließlich Bohnen. Das würde zu einem ganz anderen Rezept führen! Indem die durch Farbe vermittelten Informationen zusätzlich über andere Mittel wie Text oder Beschreibungen auf der Seite bereitgestellt werden, wird sichergestellt, dass auch Nutzer, die keine Farben erkennen können, die Informationen dennoch wahrnehmen können.
Was sind die häufigsten Fehler, die wir machen?
Normalerweise verwenden wir Farben in Diagrammen und Tabellen nur, um Datenpunkte voneinander zu unterscheiden, aber es gibt noch weitere Beispiele. Schauen wir uns einige davon einmal an.
Fehler 1 – Grafiken und Diagramme
Es ist durchaus üblich, verschiedene Farben zu verwenden, um zwischen verschiedenen Datensegmenten zu unterscheiden. Eine Legende unter dem Diagramm oder der Grafik würde die Farben und ihre Bedeutung erläutern, doch die einzige Möglichkeit, die Datenreihen mit den Werten im Diagramm in Verbindung zu bringen, ist die Farbe. Es ist keine visuelle Textalternative verfügbar. Selbst wenn programmgesteuert eine Textalternative für das Bild verfügbar ist, ist diese nur für sehbehinderte Nutzer von Nutzen, nicht jedoch für sehende Nutzer mit Farbenblindheit.
Im ersten Bild unten werden blaue, graue und orangefarbene Balken verwendet, um die drei Datensegmente darzustellen, und die Unterschiede wären für die meisten Menschen klar erkennbar. Menschen mit Farbenblindheit könnten das zweite Bild jedoch so wahrnehmen, dass die Balken in Grautönen erscheinen, wodurch es ihnen unmöglich wäre, die Daten zu verstehen.
Bedeutet das, dass wir überhaupt keine Farben verwenden dürfen? Nein! Es bedeutet, dass wir alternative Möglichkeiten zur Vermittlung von Informationen bereitstellen müssen. Eine Möglichkeit besteht darin, eine textuelle Alternative in Form einer Tabelle oder einer vollständigen Beschreibung des Diagramms bereitzustellen. Eine weitere Möglichkeit ist die Verwendung von Mustern zur Darstellung der Reihen. Die Verwendung von Mustern wird in Abb. 4 veranschaulicht, wo sowohl farbenblinde als auch nicht-farbenblinde Nutzer die Informationen dank der Verwendung von Mustern im Diagramm erfassen können.
Fehler 2 – Fehler, die durch Farben vermittelt werden
Ein weiteres häufiges Szenario ist das Auftreten von Fehlern auf einer Seite. Jede Seite, die Formularfelder enthält, verfügt über einen Validierungsmechanismus, der überprüft, ob die Eingaben in den Formularfeldern den Anforderungen des Formulars entsprechen. Ist dies nicht der Fall, müssen die Formularfelder die Fehler anzeigen, damit der Benutzer den Kontext und die Informationen erhält, die er benötigt, um den Fehler zu beheben und das Formular abzuschicken.
Ich stoße oft auf Szenarien, in denen Fehler entweder dadurch gekennzeichnet werden, dass „Fehlerfelder rot markiert sind“, oder einfach durch rote Rahmen um die fehlerhaften Formularfelder und grüne Rahmen um die erfolgreich validierten Felder. Im folgenden Beispiel sehen Sie, dass eine sehende Person ohne Farbenblindheit erkennen kann, dass das Feld „E-Mail“ einen Fehler enthält, während ein farbenblinder Nutzer alle Formularfelder in derselben Farbe hervorgehoben sieht und daher das fehlerhafte Feld nicht identifizieren kann.
Eine einfache Lösung hierfür wäre, den Fehler direkt unter dem Formularfeld als „Inline“-Fehlermeldung in Worten zu beschreiben. Eine bessere Lösung wäre es, die Fehlermeldung zusammen mit einem Symbol anzuzeigen, das den Fehler- oder Erfolgszustand des jeweiligen Formularfelds darstellt, wie unten dargestellt.
Fehler 3 – Links werden ausschließlich anhand ihrer Farbe gekennzeichnet
Ein weiteres Szenario, auf das wir häufig stoßen, ist die Kennzeichnung von Links innerhalb von Absätzen ausschließlich durch Farbe, ohne weitere visuelle Hinweise. Nutzer ohne Farbblindheit können die verschiedenen Farben und deren Bedeutung wie im folgenden Beispiel 1 erkennen. Für eine Person, die die Farben nicht unterscheiden kann, ist der Link jedoch völlig unsichtbar, wie im Beispiel 2 zu sehen ist:
Eine gute Möglichkeit, dies zu beheben, besteht darin, die Schriftgröße zu erhöhen, die Farbe anzupassen und/oder den Link zu unterstreichen, damit deutlich wird, dass er eine bestimmte Funktion erfüllt. Eine weitere Möglichkeit wäre, den Schriftstil und die Schriftgröße zu ändern.
Fazit
All diese Szenarien sehen wir viel zu oft auf Webseiten. Und dies ist bei weitem keine vollständige Liste, sondern lediglich eine Aufzählung der häufigsten Fälle. Die gute Nachricht ist, dass alle hier beschriebenen Lösungen schnell und einfach umzusetzen sind. Als Autoren und Designer von Inhalten müssen wir neben der Farbe auch andere Möglichkeiten bereitstellen, um die Bedeutung von Inhalten zu vermitteln, damit wir unsere gesamte Zielgruppe erreichen können. Das Verständnis für die Schwierigkeiten der vielen Menschen, die Farben nicht unterscheiden können, gibt uns das nötige Einfühlungsvermögen, um bewusste Entscheidungen hinsichtlich der Farbnutzung zu treffen und Alternativen umzusetzen.
