Webdesign: Wie Ihre Website optimal auf Farbenblindheit eingestellt ist

Bei der Konzeption und Umsetzung eine Website müssen viele Faktoren beachtet werden. Dazu zählen nicht nur inhaltliche Aspekte oder die gelungene Durchführung einer Suchmaschinenoptimierung. Auch die Optik und Struktur besitzen facettenreiche Eigenschaften und führen einige Stolpersteine mit sich. Diese haben wir zuletzt in einem Artikel zum Thema „Barrierefreies Webdesign“ vorgestellt. In diesem Artikel wollen wir nun das Thema Farbenblindheit bzw. Farbfehlsichtigkeit näher beleuchten. Denn die Sehschwächen zählen zu den häufigsten Gründen, weshalb User die Optik einer Website nicht einwandfrei genießen können. Experten schätzen, dass etwa fünf bis zehn Prozent der Bevölkerung unter den Symptomen leiden. Männer sind dabei wesentlich öfter betroffen als Frauen. Was können Websitebetreiber also tun, um dieser Erscheinung entgegen zu wirken?

Worauf muss ich beim Webdesign achten?

Wer eine Website vorausschauend plant, kann in wenigen Schritten eine Internetpräsenz schaffen, die User – ob mit oder ohne Farbenblindheit – ästhetisch anspricht. Zu den häufigsten Störungen zählen unter anderem die Rot-Grün sowie die Gelb-Blau-Schwäche. Den beiden Farbsehschwächen gleichermaßen gerecht zu werden, ist nicht leicht. Deshalb sollten sich Websitebetreiber nicht zu stark unter Druck setzen, denn alle Symptome kann man nicht berücksichtigen. Jedoch können Farben in entsprechenden Kombinationen ausgewählt und starke Kontraste für eine attraktive Optik genutzt werden. Wichtige Elemente wie Diagramme sollten zudem farbunabhängig gekennzeichnet sein. So können Missverständnisse bei der Rezeption von vornherein vermieden werden. Für die Umsetzung eines neuen Konzepts stehen Webdesignern nützliche Tools zur Verfügung.

Diese Tools helfen bei der Gestaltung

Eine Vorstellung, wie ein Besucher mit Farbsehschwäche die eigene Website wahrnimmt, vermittelt die Website colorfilter.wickline.org. Einfach die URL der entsprechenden Website eingeben, einen Farbfilter wählen und schon wandelt der Simulator die Farben so um, wie sie Farbenblinde je nach Leiden sehen. Ebenfalls hilfreich ist das Tool ColorSchemeDesigner. Mit ihm können die verschiedenen Typen der Farbenblindheit mithilfe einer Farbpalette simuliert und unterschiedliche Farbekombinationen getestet werden. Dabei stehen diverse Optionen wie monotone, komplementäre bis hin zu analogischen Farbkombinationen zur Wahl.

Wie geeignet bestimmte Farbzusammensetzungen für Farbenblinde sind, lässt sich auch mit dem Accessibility Color Wheel überprüfen. Das Tool orientiert sich an den Vorgaben des WCAG 1 und WCAG 2 (Web Content Accessibility Guidelines) und ermöglicht es, jeweils die Farben für den Vorder- und den Hintergrund der Website festzulegen.

Anschließend demonstriert die Anwendung, wie unterschiedlich die Farben bei verschiedenen Formen der Farbenblindheit wahrgenommen werden. Dank der Einstellungsmöglichkeit von Vorder- und Hintergrundfarben erschließt sich dem User, wie stark der Kontrast wirkt und ob er für Farbenblinde ausreicht.

Im Vergleich dazu zeigt es die Farbtöne, wie sie Menschen ohne Einschränkungen sehen. Hier kann übrigens mit Farbcodes gearbeitet werden, dadurch lassen sich Farbtöne von Corporate Designs punktgenau analysieren.

Mit diesen nützlichen Tools können Webdesigner Internet-Seiten sowohl vor dem Bau einer Internetpräsenz als auch beim Re-Design dezente Anpassungen vornehmen. Das steigert den Genuss des Internetsurfens für Farbenblinde und erhöht für KMU gegebenenfalls die Zahl potenzieller Kunden.

Weitere Infos (externe Seiten):

• Webdesign und Farbenblindheit von Guru 20
• Farbenblindheit Fakten & Statistik: Prävalenz
• Farbblindheit was ist das
• Colorschemedesigner
• Colorwheel