Liechtenecker: Blog Feuershow

Brennende Themen & Aktuelles
aus der Online Welt.

Blogeintrag

Kontraste für barrierefreies Webdesign

Ein sehr wichtiger Faktor für barrierefreie Webauftritte sind die Farbkontraste und Helligkeitskontraste des Weblayouts. Die Kontraste spielen für alle Arten von Sehbehinderungen eine große Rolle, um jeglichen Content gut lesbar zu machen. Ich bin natürlich kein Augenexperte, versuche dennoch in barrierefreien oder -armen Webgestaltungen, diese Art von Einschränkungen zu berücksichtigen.

Farbkontraste

Farbkontraste sind besonders wichtig für alle Arten von Farbblindheit. Menschen die darunter leiden, haben wenig oder gar kein Farbempfinden. Es gibt viele Formen der Farbsehstörungen. Neben der Abneigung gegen Licht (Lichtscheuheit), verminderten Sehschärfe oder unwillkürliche Augenbewegungen gibt es Sehbehinderung die bestimmte Farben ausnehmen, das so genannte Zweifarbensehen. Am häufigsten gibt es eine gestörte Wahrnehmung von Grün. Unter Verwendung des Tools Colorblind Web Page Filter ist es möglich das Zweifarbensehen auf der Webseite zu testen:

Deuteranobie – Grünblindheit

Screenshot Deuteranobie

Protanobie – Rotblindheit

Screenshot Protanobie

Tritanobie – Blaublindheit

Screenshot Tritanobie

Helligkeitskontraste

Helligkeitskontraste dienen Marketingtechnisch meistens der Betonung von Texten oder Elementen. Der absolute Klassiker ist die Kombination von Schwarz und Weiß. Vorsicht vor starken Kontrasten, denn Menschen mit Lichtempfindlichkeit können Probleme mit hohen Kontrasten haben. Starke Kontraste können als zu grell empfunden werden. Deswegen ist es wichtig weniger starke Kontraste gut auszubalancieren. Schwache Kontraste können zum Beispiel zweckmäßig weniger relevanten Inhalt auszeichnen. Das ist für barrierefreie Webauftritte ebenso sinnvoll wenn eine gewisse Differenz eingehalten wird. Am einfachsten lässt sich der Helligkeitsunterschied testen, indem man die Webseite komplett in Grautöne umwandelt. Ich mache dies einfach in Photoshop, es gibt auch ein passendes Webservice mit dem Namen Greybit. Sind die Texte und Grafiken noch gut erkennbar?

Screenshot Helligkeit weiss

Als weiteren Helligkeitstest würde ich den Screenshot der Webseite invertieren, die hellen Farben in dunkle umwandeln und umgekehrt. Es gibt Sehbehinderte die mit einer invertierten Webseite leichter zu Recht kommen.

Screenshot Helligkeit schwarz

Zusammenfassend ist dies eines von vielen Kriterien einer barrierefreien Webseite. Ich veranstalte bei jedem meiner Webdesigns einen kleinen Kontrasttest, es sind 30 Minuten zusätzliche Zeitinvestition, die zu einem guten Webdesign dazugehören sollten.

jetzt Mitreden

Barrierefreies Webdesign

Seit 2008 ist es auch in Österreich für Behörden Pflicht (Gleichstellungsgesetz, E-Governmentgesetz), weitgehend barrierefreie Webauftritte zur Verfügung zu stellen. Von barrierefreien Webseiten profitieren aber auch Systeme und nicht beeinträchtigte Surfer. Google zum Beispiel ist ebenso ein 'blinder User'. Es gibt im Web bereits jede Menge gute und weniger gute Erklärungstexte oder Information darüber. Mit diesem Blogbeitrag will ich auch mein Schaufelchen Information dazu beitragen, da ich hin und wieder danach gefragt werde.

weiter

Steiermark barrierefrei? Leider nicht ganz..

Unser schönes Bundeland, die Steiermark, will mit einer Tourismusinitiative dementsprechende Betriebe für Menschen mit Behinderungen zugänglich gestalten. Unter dem Titel “Steiermark für Alle” sollen Gäste mit besonderen Bedürfnissen einen schönen Urlaub geniessen können. Das finde ich grundsätzlich wunderbar, dennoch hat das Vorhaben noch einen Haken: die dazugehörige Webseite. Steiermark barrierefrei hat für die Ortssuche Flash [...]

weiter