Dieses Tool bewertet sowohl die Kontrast-Konformitaet als auch, wie sich ein Farbpaar fuer Nutzer mit verschiedenen Farbsehstoerungen verhaelt.
Bedeutung der Badges:
- AA normal: zeigt, ob das Kontrastverhaeltnis WCAG AA fuer normal grossen Text erfuellt. Der Grenzwert ist 4.5:1.
- AAA normal: zeigt, ob das Kontrastverhaeltnis WCAG AAA fuer normal grossen Text erfuellt. Der Grenzwert ist 7:1.
Warum das wichtig ist:
- "Normal" meint normalen Fliesstext, kleine Labels und den meisten ueblichen UI-Text.
- Grosser Text hat niedrigere WCAG-Schwellen: AA large besteht ab 3:1, AAA large ab 4.5:1.
- Ein Farbpaar kann also AAA normal verfehlen und dennoch fuer grosse Ueberschriften oder fetten Anzeigetext akzeptabel sein.
Felder:
- Vordergrundfarbe: Text-, Icon- oder Haupt-UI-Farbe im Vordergrund
- Hintergrundfarbe: die dahinterliegende Flaechenfarbe
- Designbild: optionaler Screenshot zur Analyse lokaler Bereiche mit zu wenig Kontrast
- WCAG-Stufe: bestimmt den Schwellenwert, nach dem Bildbereiche markiert werden
Ergebnis lesen:
- Die Karten Normal / Protanopia / Deuteranopia / Tritanopia / Achromatopsia zeigen das Farbpaar unter jeder Simulation.
- Das Kontrastverhaeltnis wird nach jeder Simulation neu berechnet, damit sichtbar wird, ob ein Paar ausserhalb normaler Sicht problematisch wird.
- Die Screenshot-Analyse markiert Kacheln, deren lokaler Kontrast unter den gewaehlten WCAG-Schwellenwert faellt.