Kontrast-Prüfer
Berechnet das Kontrastverhältnis zwischen Hintergrund- und Textfarbe und sagt, ob es die Schwellen der Web-Barrierefreiheit (WCAG AA und AAA) erreicht — mit echter Textvorschau, damit du es auch mit dem Auge beurteilen kannst.
🎨 Alles läuft in deinem Browser. Keine Installation, keine Anmeldung.
Eine Überschrift sieht so aus
Fließtext liest sich etwa in dieser Stärke.
Kleiner Text wie eine Bildunterschrift wird so klein — zu wenig Kontrast fällt hier zuerst auf.
Kontrastverhältnis
3.68 : 1
Nur in großen Größen brauchbar
Nicht bestanden
AA Fließtext
4.5:1
Bestanden
AA groß
3:1
Nicht bestanden
AAA Fließtext
7:1
Nicht bestanden
AAA groß
4.5:1
Was die Stufen bedeuten
- · AA 4.5:1 — die Grundlinie der Web-Barrierefreiheit. Fließtext muss das erreichen.
- · 3:1 — ab 18pt (oder 14pt fett) sinkt die Schwelle.
- · AAA 7:1 — die strengere Stufe, teils für Seiten der öffentlichen Hand gefordert.
- Kontrast entscheidet sich am Helligkeitsunterschied, nicht am Farbton. Deshalb ist weißer Text auf Gelb unlesbar, obwohl die Farben verschieden sind.
Was dieses Werkzeug macht
- Kontrastverhältnis von 1 bis 21
- Bestanden oder nicht bei AA und AAA
- Eigenes Urteil für große Schrift
- Helligkeit automatisch anpassen, bis es passt
Weitere Farbwerkzeuge
Farben können je nach Bildschirm und Farbprofil etwas anders aussehen.