Stufe AASeit WCAG 2.1

1.4.11 Nicht-Text-Kontrast

Englischer Originaltitel: Non-text Contrast

Richtlinie 1.4: Unterscheidbar – Inhalte sind gut zu sehen und zu hören: Kontrast, Größe, Abstände.

Was verlangt die Regel?

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.

Zur interaktiven Demo

Wem hilft das besonders?

Offizieller Wortlaut

Diese Seite erklärt die Regel in einfachen Worten. Verbindlich ist nur der englische Originaltext des W3C.