Vorder- und Hintergrundfarbe eingeben, WCAG-Kontrast berechnen und AA/AAA-Prüfung anzeigen (lokale Verarbeitung).
Beispieltext
The quick brown fox jumps over the lazy dog. 0123456789
Aa
Prüfergebnis
Kontrastverhältnis:
-
AA (Normaltext) ≥ 4,5
-
AA (Großtext) ≥ 3,0
-
AAA (Normaltext) ≥ 7,0
-
AAA (Großtext) ≥ 4,5
-
Empfohlene Vordergrundfarbe
Schwarz verwenden:
-
Weiß verwenden:
-
Anleitung
- Wählen Sie Vorder- und Hintergrundfarbe per Farbfeld oder geben Sie HEX-Codes direkt ein.
- Prüfen Sie das berechnete Kontrastverhältnis (z. B. 4,5:1).
- Sehen Sie die AA/AAA-Bewertung nach WCAG 2.1 für Normal- und Großtext.
- Nutzen Sie die Simulation, um die Darstellung bei verschiedenen Sehbedingungen zu prüfen.
Tipps & FAQ
- WCAG AA verlangt mindestens 4,5:1 für Normaltext und 3,0:1 für Großtext.
- WCAG AAA verlangt mindestens 7,0:1 für Normaltext und 4,5:1 für Großtext.
- Bei zu geringem Kontrast helfen „Schwarz verwenden“ oder „Weiß verwenden“ als schneller Fix.
- Alle Berechnungen laufen lokal im Browser, ohne Upload.
