Farbkontrast-Checker: WCAG AA/AAA Barrierefreiheit | Kostenlos
4 NutzungenBeispieltext
The quick brown fox jumps over the lazy dog. 0123456789
15.39:1
Kontrastverhältnis
Kontrast-Tipps
WCAG AA/AAA Test
Prüfen Sie ob Ihre Farben den WCAG 2.1 Standards entsprechen.
Sofortiges Kontrastverhältnis
Exaktes Kontrastverhältnis nach WCAG-Formel.
Barrierefreiheit leicht gemacht
Lesbare Farbkombinationen für alle Nutzer finden.
Farben tauschen
Ein-Klick zum Tauschen von Text und Hintergrund.
Häufig gestellte Fragen
Was ist das WCAG-Kontrastverhältnis?
WCAG fordert mindestens 4.5:1 für normalen Text (AA) und 7:1 für AAA.
Warum ist Farbkontrast wichtig?
Ausreichender Kontrast stellt sicher, dass Text für alle Nutzer lesbar ist.
Kostenlos?
Ja.
Wie überprüfe ich den Farbkontrast von Text über einem Farbverlaufshintergrund?
Unser kostenloser Farbkontrast-Prüfer ist für feste Farbkombinationen ausgelegt. Wenn Sie Text über einem Farbverlauf verwenden, identifizieren Sie den Punkt im Verlauf, an dem Ihre Textfarbe den *geringsten* Kontrast aufweist. Sie sollten Ihre Vordergrund-Textfarbe sowohl mit den hellsten als auch den dunkelsten Abschnitten des Farbverlaufshintergrunds testen, um die WCAG AA- oder AAA-Konformität im gesamten Design sicherzustellen.
Was sollte ich tun, wenn meine gewählten Markenfarben den WCAG-Kontrast nicht bestehen?
Wenn Ihre Markenfarben den WCAG-Kontrast nicht bestehen, müssen Sie entweder Ihre Vordergrund- (Text) oder Hintergrundfarbe anpassen. Unser kostenloser Farbkontrast-Checker hilft Ihnen, schnell zu iterieren. Modifizieren Sie den Farbton, die Sättigung oder die Helligkeit der fehlerhaften Farbe geringfügig. Geben Sie die neuen Farbcodes erneut in das Tool ein und testen Sie sofort. Streben Sie das minimale Bestehensverhältnis an, während Sie so nah wie möglich an Ihrer Markenpalette bleiben, um die Lesbarkeit für alle Benutzer zu gewährleisten.
Farbkontrast prüfen
- Text- und Hintergrundfarbe setzen
- Kontrastverhältnis und WCAG-Ergebnis sehen
- Farben anpassen bis AA/AAA erreicht
- Tauschen-Button verwenden