Pruefer fuer Farbseh-Barrierefreiheit

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.