Giga Useful ToolsFarbe
WCAG-Kontrast
Prüfe, ob ein Farbpaar AA und AAA besteht.
Alles wird in deinem Browser verarbeitet. Keine Datei wird auf einen Server hochgeladen.
- 1Wähle die Textfarbe aus oder gib ihren Hex-Code ein.
- 2Wähle die Hintergrundfarbe aus oder gib ihren Hex-Code ein.
- 3Sieh dir die Vorschau und das Kontrastverhältnis an und prüfe an den vier Badges, welche WCAG-Stufen erreicht werden.
Was ist der Unterschied zwischen AA und AAA?+
Das sind zwei Konformitätsstufen der WCAG-Barrierefreiheitsrichtlinien. AA ist die Stufe, auf die sich die meisten gesetzlichen und organisatorischen Anforderungen beziehen: Normaler Text braucht mindestens ein Kontrastverhältnis von 4.5:1 (3:1 bei großem Text). AAA ist strenger und verlangt 7:1 für normalen und 4.5:1 für großen Text; es wird empfohlen, wo möglich, ist aber nicht immer vorgeschrieben.
Was zählt laut WCAG als „großer Text“?+
Text ab 18pt (24px), oder ab 14pt (etwa 18,5px), wenn er fett ist. Großer Text hat eine etwas niedrigere Kontrastanforderung, weil größere, kräftigere Striche auch bei geringerem Kontrast noch gut lesbar bleiben als kleiner Fließtext.
Kann ich Hex-Codes eingeben, statt den Farbwähler zu benutzen?+
Ja, jede Farbe hat neben dem Farbwähler ein eigenes Textfeld, in das du einen genauen Wert wie #1a1a1f direkt einfügen kannst, statt im Farbrad herumzuklicken.