Überblick Kontrast-Raster
N×N-WCAG-Matrix für jede Farbliste
Verwendung
Prüfen Sie eine ganze Palette auf einmal, indem Sie jedes Farbpaar mit seinem Kontrastverhältnis in einem Raster darstellen.
Kontrast-Raster
Zelle anklicken, um das Vordergrund-/Hintergrundpaar zu kopieren.
Die Matrix lesen
Zeilen sind Vordergrundfarben, Spalten Hintergründe. Jede Zelle zeigt das WCAG-Verhältnis dieses Paares mit AA- und AAA-Marken für normalen Text.
Die Diagonale vergleicht eine Farbe mit sich selbst und liegt immer bei 1:1, daher ist sie nur eine Referenz.
Wann sie hilft
Nutzen Sie das Raster zur Prüfung eines Token-Sets vor dem Release. Es zeigt Paare, die einzeln gut aussehen, kombiniert aber versagen, besonders Markenfarben im Mittelfeld, die zugleich Text und Fläche sind.
Häufige Fragen
Was bedeuten die Marken?
AA verlangt 4,5:1, AAA 7:1 für normalen Text. Großer Text nutzt 3:1 und 4,5:1.
Warum ist die Diagonale markiert?
Eine Farbe gegen sich selbst hat immer 1:1 und gilt daher als Referenz, nicht als Fehler.
Kann ich mehr als fünf Farben einfügen?
Ja. Eine Farbe pro Zeile, und die Matrix wächst mit.