Kostenloses Tool

Kontrast-Checker: Farbkontrast nach WCAG 2.2 prüfen

Prüfe zwei Farben auf ausreichenden Kontrast – inklusive aller WCAG-Ausnahmen für große Schrift und Bedienelemente. Mit APCA-Wert und sofortigem Korrekturvorschlag, direkt im Browser.
← Zurück zu allen Tools

Kontrast-Checker

Prüfe Farbkontraste nach WCAG 2.2 (Stufe AA & AAA) und APCA. Für barrierefreie Websites nach EAA.

—:1

APCA: — Lc

KriteriumAnforderungErgebnis
Was bedeuten „groß“ und welche Ausnahmen gibt es?

Große Schrift = ab 18 pt (24 px) normal, oder ab 14 pt (18,66 px) fett. Dafür reicht ein Kontrast von 3:1 (AA) statt 4,5:1.

UI-Komponenten & Grafiken (WCAG 1.4.11): Bedienelemente, Fokus-Rahmen, Icons und informative Grafikteile brauchen mindestens 3:1 zum Nachbarn.

Ausnahmen von 1.4.3 (Kontrast): reine Dekoration, inaktive/deaktivierte Bedienelemente, Logos sowie unwesentlicher Text. Wichtig: Auch bewegter Text (Laufschrift, Ticker) ist nicht ausgenommen — er muss den Kontrast erfüllen und zusätzlich pausierbar sein (2.2.2).

APCA (Lc-Wert) stammt aus dem WCAG-3-Entwurf und bewertet Lesbarkeit polaritätsabhängig genauer als das 2.x-Verhältnis — hier als Orientierung, noch nicht normativ.

Purin Tools · [purin_kontrast]

Sprich mit mir über dein Projekt.

30 Minuten, kostenlos, unverbindlich. Du bekommst meine ehrliche Einschätzung — auch wenn sie lautet: „Dafür brauchst du mich nicht.“
Erstgespräch buchen
Antwort innerhalb von 48 Stunden · hallo@purin.at · +43 660 744 13 58