WCAG-Farbkontrastprüfer
Überprüfen Sie Farbkontrastverhältnisse gegen WCAG 2.1 AA- und AAA-Standards.
Problem Melden
Sie haben einen Bug gefunden oder einen Vorschlag? Helfen Sie uns, dieses Tool zu verbessern.
Was ist dieses Tool?
Der WCAG-Farbkontrastprüfer bewertet das Kontrastverhältnis zwischen Vorder- und Hintergrundfarbe für die Barrierefreiheits-Konformität. Prüft anhand der WCAG-2.1/2.2-Standards (Stufe AA und AAA), um sicherzustellen, dass Text für alle Nutzer lesbar ist, einschließlich Menschen mit Sehbehinderungen.
Anwendung
- 1
Vordergrundfarbe einstellen
Wählen oder geben Sie die Textfarbe ein.
- 2
Hintergrundfarbe einstellen
Wählen oder geben Sie die Hintergrundfarbe ein.
- 3
Ergebnisse prüfen
Siehen Sie das Kontrastverhältnis und den Bestanden/Nicht bestanden-Status der WCAG AA/AAA.
Häufig gestellte Fragen
Welches Kontrastverhältnis brauche ich?
Die Stufe AA der WCAG 2.1 verlangt 4,5:1 für normalen Text und 3:1 für großen Text (18px+ regulär oder 14px+ fett). Die Stufe AAA verlangt 7:1 für normalen Text und 4,5:1 für großen Text.
Warum ist Farbkontrast wichtig?
Ein unzureichender Kontrast macht Text für Nutzer mit schwacher Sehleistung, Farbenblindheit oder auf hellen Bildschirmen schwer lesbar. Ein guter Kontrast verbessert die Lesbarkeit für alle und stellt die rechtliche Barrierefreiheit sicher.
Was soll ich tun, wenn das Ergebnis falsch erscheint?
Prüfen Sie Ihre Eingabewerte doppelt. Das Tool verwendet Standardformeln, aber Grenzfälle können eine manuelle Überprüfung erfordern.