Kontrastprüfer

Das Verhältnis zweier Farben gegen gängige WCAG-Schwellen. Schriftgröße und Komponenten entscheiden mit — nicht nur die Zahl.

Hellgrau auf Weiß sieht im Mockup fein aus und fällt in der Prüfung durch: zwei Farben, eine Zahl.

Die Seite rechnet das Kontrastverhältnis. Sie ist kein Site-Crawler.

Zwei Farben, eine Zahl

• Button-Text, Link auf Banner, Placeholder-Grau.
• Töne sammeln: Palette, Pipette
• Danach CSS: Verlauf, box-shadow

Kein Audit

Tastaturfallen, ARIA und Bewegungsreduktion liegen außerhalb. Ein gutes Verhältnis ist nötig, nicht hinreichend.

Keine Übertragung.

Ablauf und Stolpersteine

1. Vorder- und Hintergrund exakt einsetzen, nicht „ungefähr das Grau aus dem Screenshot“.
2. Großen Text und normalen Text getrennt denken. Die Schwellen sind nicht dieselben.
3. Verlaufsflächen an der dunkelsten und hellsten Stelle prüfen, nicht nur am Stop.

Stolperstein: Opacity und Overlay im CSS ändern den effektiven Kontrast. Was hier 4,6 ist, kann live 3,2 sein.