# WCAG 2.2 – 1.4.11 Nicht-Text-Kontrast

- Stufe: AA
- Prinzip: 1 Wahrnehmbar
- Richtlinie: 1.4 Unterscheidbar
- Eingeführt in: WCAG 2.1

## Was die Regel verlangt

Auch Bedienelemente und wichtige Grafiken brauchen Kontrast: mindestens 3:1 für Rahmen von Eingabefeldern, Icons, Fokusrahmen und Diagrammlinien.

## So machst du es richtig

Gib Eingabefeldern einen gut sichtbaren Rahmen (zum Beispiel #6b6b85 auf Weiß) statt eines kaum sichtbaren Hellgraus.

## Wem das hilft

- Menschen mit Sehbehinderung

## Quellen

- [Diese Regel auf wcag.dehl.net](https://wcag.dehl.net/de/wcag/1-4-11/)
- [Interaktive Demo](https://wcag.dehl.net/de/demos/#contrast)
- [Offizielle Erklärung des W3C (Englisch)](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast)
- [Techniken (WCAG Quick Reference, Englisch)](https://www.w3.org/WAI/WCAG22/quickref/#non-text-contrast)

_Erklärung in einfacher Sprache. Verbindlich ist nur der Originaltext des W3C._