Produktupdate
Wichtige Änderungen sofort erfassen.
Diese Textprobe verwendet exakt die eingegebenen Farben. Das Ergebnis daneben bewertet nur Kontrast – nicht Schriftgröße, Inhalt oder Bedienbarkeit.
Details öffnenColor Contrast Checker Website
Misst das Farbpaar – nicht das Bauchgefühl.
Geben Sie Vorder- und Hintergrundfarbe ein. Die Messstrecke berechnet das WCAG-Verhältnis ohne Rundungstrick und prüft es gegen das Ziel, das auf Ihrer Website wirklich zählt.
01 / Live-Messstrecke
Zwei Farben eingeben, Ergebnis sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört die Messstrecke Ihnen.
WCAG-Messstrecke
Zwei Farben. Eine belastbare Grenze.
VerhältnisZiel erreicht
WCAG 1.4.3Normaler Text
Grenze4,5:1
Abstand1,91 über Grenze
Logos sind ausgenommen. Bei Verläufen, Bildern und Zuständen muss immer der ungünstigste angrenzende Bereich geprüft werden.
02 / Der Unterschied
Ein Farbpaar ist der Anfang, nicht die Website.
Kontrast entsteht im Zusammenspiel
Hover-Zustände, Verläufe und Bilder hinter Text verschieben das Verhältnis. Der Website-Check sucht die ungünstigsten Stellen pro Seite.
Mehr als Farbwerte
Fehlende Alt-Texte, unbeschriftete Felder und verlorene Fokusmarkierungen fallen bei Nutzerinnen und Nutzern früher auf als ein knapper Grenzwert.
Fundstellen statt Bauchgefühl
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – bereit für die direkte Behebung.
03 / Auf Ihrer Website
Jetzt die eigenen Farben prüfen.
Die Messstrecke rechnet ein Farbpaar. Der Website-Check prüft Ihre Seiten auf Kontrast- und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis