Webstandard

 

Jeder 10. Mann sieht Webseiten mit anderen Augen

Bist du farbenblind? Einen Ausspruch den bestimmt schon jeder von uns einmal gehört hat. Gemeint ist damit aber oft die sogenannte Rot-Grün-Blindheit, von der in Deutschland ca. 8 bis 9% der männlichen und ca.0,5% der weiblichen Bevölkerung betroffen sind. Die Betroffenen sehen diese beiden Farben nicht normal, da ihr Farbensystem sich nur aus Blau und Gelb zusammensetzt, anstatt wie normalerweise aus Blau, Gelb und Rot. Zur Feststellung dieser Rot-Grün-Farbfehlsichtigkeit verwendet man üblicherweise Farbprüftafeln wie die Ishihara-Tafeln (siehe Abbildung). Welche Auswirkungen kann bzw. sollte dieser Aspekt bei der Gestaltung von Webseiten haben? Um Euch diese Frage einfacher beantworten zu können sei ein kleiner Test erlaubt. In diesem wird mittels der Software aDesigner eine Webseite aufgerufen. Die kostenlose Software ermöglicht es ihnen bspw. die Parameter bezüglich Farbfehlsichtigkeit oder der Sehstärke anzupassen und zu simulieren.

Spiegel & Focus ohne und rechts mit einer möglichen Farbfehlsichtigkeit

Das Simulieren dieser Bedingungen führt bei Webseiten wie den Nachrichtenportalen Spiegel oder des Focus zu folgenden Abbildungen.

Amazon.de ohne und unten mit Farbfehlsichtigkeit

Aber auch andere Webseiten die von Usern mit dieser Sehbeiträchtigung besucht werden, wie die der Blogsuchmaschine Technorati oder dem Online-Shop Amazon, weisen bei dieser Farbfehlsichtigkeit eine nicht unerhebliche Beeinträchtigung aus.

Der orangefarbene Ton für die Schriftfarbe mit der besondere Preisrabatte beworben werden gehen bei Amazon ebenso unter, wie das Magenta in den beiden Telekom-Werbebannern bei Technorati.

Technorati.com ohne und unten mit Farbfehlsichtigkeit

Für die Umsetzung von Webseiten hat dies zur Folge das bestimmte Farbkombinationen und der Farbunterschiede innerhalb des Farbschemata vermieden werden sollten. Wer einen solchen Test für die eigene Webseite oder Anwendung durchführen möchte, muss dabei nicht die oben genannte Software nutzen, sondern kann hierbei auch auf Online-Anwendungen wie dem Colorblind Web Page Filter zurückgreifen. Hier könnt ihr bspw. zwischen den verschiedenen Farbfehlsichtigkeiten wählen. Gleiches gilt für den noch in der Entwicklung befindlichen Vischeck.

Probleme die durch die falsche oder schlechte Farbwahl entstehen können.

Wie auf den Screenshots zu sehen, sind vor allem helle Farben die für Schriften verwendet werden schlechter zu erkennen, als dunklere. Gleiches gilt für die Schriftgröße, lieber etwas größer als zu klein. Von diesen Einstellungen profitieren auch älter Besucher Eurer Seiten. Denn mit zunehmenden Alter lassen bekanntlich die Fähigkeiten der Augen nach. Achtet auf Kontraste zwischen Schriften und Hintergrundfarben! Ohne genügend Kontrast, können sich Texte nicht genügend vom Hintergrund absetzen, wodurch dem User der Zugang zu Informationen unnötig erschwert wird.

Und wie sieht es bei Euch aus?

Diese Frage ist weniger auf die eventuell eingeschränkte Fähigkeit Eurer Augen bezogen, sondern auf die Wahrnehmung der User bezüglich Eurer Webseite. Um diese Thematik vielleicht ein wenig mehr in Erinnerung zu rufen, wird an dieser Stelle ein Aufruf zu einer Blog-Parade mit dem Thema "Farbfehlsichtigkeit" gestartet. Am Ende kommen hoffentlich viele interessante Artikel mit sehenswerten Screenshots der teilnehmenden Webseiten zustande. Wir sind auch gerne bereit für potentiell interessierte Teilnehmer dieser Blog-Parade obige Abbildungen mit aDesigner im gewünschten Format ihrer Webseite oder Ihres Blogs zu erstellen und zu zusenden.