WCAG-Kontrast-Prüfer
Datenschutz by Design — läuft vollständig in Ihrem Browser
Wählen Sie Vorder- und Hintergrundfarbe; sehen Sie WCAG-Kontrastverhältnis und AA/AAA-Plaketten für normalen Text, großen Text und UI-Komponenten.
Welches Verhältnis gilt als bestanden
WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text (≥18 px regulär oder ≥14 px fett). AAA hebt die Schwellen auf 7:1 bzw. 4,5:1 an.
Was ist die 3:1-Regel für UI-Komponenten
WCAG 2.1 SC 1.4.11 verlangt 3:1 Kontrast für Icons, Formularfeldränder und andere nicht-textuelle UI-Teile, die Informationen tragen. Die Plakette deckt diesen Fall ab.
Werden halbtransparente Farben unterstützt
Ja, wenn der Wert als rgba angegeben ist und der Hintergrund deckend ist; bei mehreren Translucent-Layern müssen Sie vorher abflachen. Das Werkzeug meldet sich, wenn der Parser den Wert nicht lesen kann.
Häufig gestellte Fragen
- Welches Verhältnis gilt als bestanden?
- WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text (≥18 px regulär oder ≥14 px fett). AAA hebt die Schwellen auf 7:1 bzw. 4,5:1 an.
- Was ist die 3:1-Regel für UI-Komponenten?
- WCAG 2.1 SC 1.4.11 verlangt 3:1 Kontrast für Icons, Formularfeldränder und andere nicht-textuelle UI-Teile, die Informationen tragen. Die Plakette deckt diesen Fall ab.
- Werden halbtransparente Farben unterstützt?
- Ja, wenn der Wert als rgba angegeben ist und der Hintergrund deckend ist; bei mehreren Translucent-Layern müssen Sie vorher abflachen. Das Werkzeug meldet sich, wenn der Parser den Wert nicht lesen kann.
- Wird etwas hochgeladen?
- Nein. Die Mathematik ist eine kleine Funktion auf dieser Seite; die Farben verlassen den Browser nicht.