Zurück zur Homepage

KS Webdesign - Der Blog

Colour Contrast Analyzer

21. September 2009 von Klaus

Heute will ich euch ein kleines, kostenloses Softwaretool vorstellen, was euch helfen kann, eure Website zugänglicher zu gestalten:

Den Colour Contrast Analyzer.

Mit dem Colour Contrast Analyzer könnt ihr feststellen ob farbliche Sichtbarkeit gewährleistet ist, indem ihr damit Kombinationen von Vorder,- und-Hintergrundfarben überprüft.

Von einer guten Sichtbarkeit zweier Farben kann dann ausgegangen werden, wenn der Helligkeitsunterschied und die Farbdifferenz zwischen den beiden Farben einen bestimmten Grenzwert überschreitet.

Der vom W3C vorgeschlagene Grenzwert ist >125 für die Helligkeit und >500 für die Farbdifferenz.

Andere Stellen betrachten eine Farbdifferenz von >400 als ausreichend.

Die Benutzung ist fast selbsterklärend, hier mal ein Bild dazu:

CCA im Einsatz

Eine der weiteren Einsatzmöglichkeiten findet ihr z.B. unter dem Punkt Sehschwäche simulierenBildschirmbereiche umwandeln

Dann erscheint folgende Maske:

CCA - Sehschwächensimulator

Rechts im Dropdownmenü unter Simulation können verschiedene Arten von Farbsehschwäche (betrifft immerhin so 8-10% überwiegend der männlichen Bevölkerung!) simuliert werden.

Außerdem kann das Bild invertiert, auf Grautöne umgestellt und Grauer Star kann simuliert werden.

Es gibt noch weitere Möglichkeiten, probiert einfach mal ein wenig rum.

Meiner Meinung nach ein nützliches Tool, was ich persönlich bei der Webseitenerstellung immer einsetze, wenn ich wegen den Farbkontrasten etwas unsicher bin.

Download:

Colour Contrast Analyzer 1

Colour Contrast Analyzer 2

Colour Contrast Analyzer als Firefox-Plugin

0 Kommentare und 2 Trackbacks/Pingbacks

  1. Pingback Fehlsichtigkeit und Websites-Gestaltung - XHTMLforum – Mittwoch, 05. Mai 2010 um 08:54

    [...] mein Favorit ist nach wie vor der Colour Contrast Analyzer. Gibt's schon lange und man hat rappzapp alles durchprobiert. __________________ Ein [...]

  2. Pingback Behinderte mit einbeziehen 1 – Dienstag, 29. Juni 2010 um 13:28

    [...] dem Colour Contrast Analyzer könnt ihr schnell checken, ob da alles in Ordnung [...]

Sprich und fürchte dich nicht:

Die Angaben des Namens und der E-Mail sind leider notwendig, das Feld für die Website optional.

Bitte maskiert < mit &lt; und > mit &gt; sonst verschwinden sie im Nirgendwo!

« »