WCAG-Kontrast-Checker
Beispieltext – Vorschau
Kontrastverhältnis:0:1
AA – normaler Text (≥ 4,5):—
AA – großer Text (≥ 3):—
AAA – normaler Text (≥ 7):—
AAA – großer Text (≥ 4,5):—
Berechnung nach WCAG 2.x (relative Luminanz). „Großer Text“ = ab ca. 18 pt bzw. 14 pt fett.
Farbkontrast nach WCAG prüfen
Guter Kontrast zwischen Text und Hintergrund entscheidet über Lesbarkeit und Barrierefreiheit. Der Checker berechnet das Kontrastverhältnis nach den Web Content Accessibility Guidelines (WCAG) und zeigt sofort, welche Stufen erfüllt sind.
- Kontrastverhältnis: Reicht von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß).
- Stufe AA: Mindestens 4,5:1 für normalen, 3:1 für großen Text – der übliche gesetzliche Maßstab.
- Stufe AAA: Strenger, mit 7:1 bzw. 4,5:1.
- Großer Text: ab ca. 18 pt (24 px) oder 14 pt fett (ca. 19 px).