Blog

Farb Kontrast Analyse – Accessibility der Farben

Wie Teste ich die Accessibility der Farben im Web? Verschiedene Tools können uns dabei helfen wie man sicherstellen kann das auch Menschen mit Sehschwächen oder Farbenfehlsichtigkeit wie Deuteranope (Grünblindheit),  Protanope (Rotblindheit) oder Tritanope (Blaublindheit) die Inhalte der Webseite gut wahrnehmen können. Am häufigsten tritt die Rot/Grün-Sehschwäche oder -Blindheit auf sie ist immer angeboren und verstärkt oder vermindert sich nicht im Laufe der Zeit. Von ihr sind laut Wikipedia, ca. 9 % aller Männer und ca. 0,8% der Frauen betroffen.

Wikipedia: Die Begriffe Rot-Grün-Sehschwäche und Rot-Grün-Blindheit sind die wissenschaftlichen Fachtermini für über 99% der Farbfehlsichtigkeiten, die umgangssprachlich als Farbenblindheit bezeichnet werden. Die Betroffenen können hierbei die Farben Rot und Grün schlechter als Normalsichtige unterscheiden. Hervorgerufen wird diese Behinderung durch Veränderungen der Aminosäuresequenz in den Sehpigment-Proteinen (Opsin) der entsprechenden Zapfen der Netzhaut, die aus der Veränderung der Gensequenz des entsprechenden Opsins resultiert.

Die Guideline 2.2 des Web Content Accessibility Guidelines 1.0 vom W3C erfordert, dass Vordergrund- und Hintergrundfarb-Kombinationen genügenden Kontrast liefern, wenn sie durch jemand angesehen werden der eine Farbfehlsichtigkeit hat, oder bei Betrachtung via Schwarz/Weiss-Monitor. Zwei Farben liefern eine gute Farbwahrnehmung, wenn der Helligkeitsunterschied und der Farbunterschied zwischen den zwei Farben größer ist, als ein bestimmter Wert. Der W3C schlägt hierfür einen Farbe-Kontrast-Algorithmus vor, der in den unten gelisteten Testtools verwendet wird. Der Algorithmus ist noch in der Entwicklung und kann sich wahrscheinlich noch ändern. (Übersetzt – via Juicy Studio)

Das Accessibility Color Wheel kann uns schon bei der Entwicklung von Webseiten dabei helfen die richtigen Farbkombinationen zu finden, wer das Wheel auch offline nutzen will kann es sich downloaden. Das Accessibility Color Wheel basiert auf dem bekannten 4096 Color Wheel von Jemima Pereira.
 
Accessibility Color Wheel

Weitere Tools zum Testen der Accessibility der Farben

Online Webseiten Testen – Colorblind Web Page Filter

Firefox Extension – Colour Contrast Analyser Extension

IE und Opera Toolbar – WAT – Web Accessibility Toolbar

Photoshop Plugin – Vischeck

1 Trackback to Farb Kontrast Analyse – Accessibility der Farben

  1. By on 26.07.2008 at 22:17