Wie man den Farbkontrast für Barrierefreiheit prüft (WCAG)
Veröffentlicht am 21. September 2026 · 2 Min. Lesezeit
Text, der für Sie technisch lesbar ist, könnte trotzdem Barrierefreiheitsrichtlinien für Nutzer mit Sehschwäche nicht erfüllen. Dieses Tool berechnet das genaue WCAG-Kontrastverhältnis zwischen einer Vordergrund- und Hintergrundfarbe und sagt Ihnen, welche Konformitätsstufen es erfüllt.
Farbkontrast-Prüfer ausprobierenSchritte
- 1
Öffnen Sie das Farbkontrast-Prüfer-Tool
Gehen Sie zum Kontrastprüfer.
- 2
Wählen Sie Ihre Vordergrund- und Hintergrundfarben
Wählen Sie die Textfarbe und den Hintergrund, auf dem sie sitzt.
- 3
Lesen Sie das Kontrastverhältnis
Sehen Sie das genaue berechnete Verhältnis, wie 4,5:1.
- 4
Prüfen Sie die Konformität
Sehen Sie, ob das Paar WCAG AA- und AAA-Standards erfüllt, sowohl für normalen als auch großen Text.
Häufig gestellte Fragen
WCAG AA erfordert mindestens 4,5:1 für normalen Text (3:1 für großen Text); AAA ist strenger und erfordert 7:1 für normalen Text (4,5:1 für großen Text) — dieses Tool sagt Ihnen genau, welche Stufen Ihr Farbpaar erfüllt.
Größerer Text ist inhärent leichter bei niedrigerem Kontrast zu lesen, daher setzt WCAG eine nachsichtigere Schwelle für großen Text (im Allgemeinen 18pt oder größer, oder 14pt fett) als für normalen Fließtext.
Ja — sie verwendet dieselbe relative Luminanz- und Kontrastverhältnis-Formel, die in der WCAG-Spezifikation definiert ist, keine Annäherung.
Da die Prüfung sofort und exakt erfolgt, ist dies eine schnelle Möglichkeit, Ihre Farbwahl zu überprüfen, bevor sie zu einem Barrierefreiheitsproblem für echte Nutzer wird.