Farbkontrast-Prüfer

Was als großer Text gilt

WCAG definiert großen Text als mindestens 18 Punkt, etwa 24 CSS-Pixel, oder als 14 Punkt fett, etwa 18,7 Pixel. Nur Text in diesen Größen darf den niedrigeren Schwellenwert von 3:1 verwenden; Fließtext, Bildunterschriften und Formularbeschriftungen benötigen für AA ein Verhältnis von 4,5:1. Die Verhältnisse reichen von 1:1 bei identischen Farben bis 21:1 bei Schwarz auf Weiß. Umrandungen von Schaltflächen, Rahmen von Formularfeldern, Fokusanzeigen und bedeutungsvolle Symbole fallen unter eine separate Regel für Nicht-Text-Kontrast, die ein Verhältnis von 3:1 zu angrenzenden Farben verlangt.

Transparente Farben und Ausnahmen

Der Prüfer benötigt deckende Farben. Ermittle bei halbtransparentem Text oder halbtransparenten Überlagerungen die tatsächlich angezeigte Farbe, indem du sie im Farbmischer mit dem Hintergrund mischst und die Deckkraft als Gewichtung verwendest. Prüfe anschließend diese Farbe.

Deaktivierte Steuerelemente, reine Dekoration und Logos sind von den Kontrastregeln ausgenommen. Platzhaltertext in einem Formularfeld ist es nicht. Deshalb gehören hellgraue Platzhalter zu den häufigsten Fehlern.

So benutzt du es

1. Gib gültige #RGB- oder #RRGGBB‑Werte und jede angeforderte Prozentangabe ein.
2. Führe die feste, lokal im Browser laufende Farboperation aus.
3. Prüfe die Farbfelder und kopiere das Ergebnis oder die Palettenwerte.

Datenschutz & Einschränkungen

Farbwerte bleiben auf diesem Gerät. Das Kontrastergebnis ist eine mathematische Prüfung, keine pauschale WCAG‑Konformitätsgarantie; Kontext, Schriftdarstellung, Nicht‑Text‑Kontrast und Zustände der Benutzeroberfläche müssen weiterhin geprüft werden.