Sprache: DE

Text hat zu wenig Kontrast

Meldung in axe und Lighthouse: Elemente müssen einen ausreichenden Farbkontrast haben. · color-contrast · WCAG 1.4.3

Was das bedeutet und warum es wichtig ist

Menschen mit Sehschwäche oder bei Sonnenlicht können kontrastarmen Text nicht lesen. WCAG 1.4.3 verlangt 4,5:1 für normalen und 3:1 für großen Text.

So beheben Sie es

Text abdunkeln oder Hintergrund aufhellen, bis das Verhältnis mindestens 4,5:1 beträgt. Typische Stellen: Buttons, Platzhalter, Preise, Footer-Links.

Code-Beispiel

Vorher

<p style="color:#9a9a9a; background:#ffffff">Free delivery from €49</p>  <!-- 2.8:1 -->

Nachher

<p style="color:#595959; background:#ffffff">Free delivery from €49</p>  <!-- 7.0:1 -->

Diesen Fehler auf Ihrer Website finden

Prüfen Sie eine beliebige Seite kostenlos — Ergebnis in Sekunden, mit Lösungshinweisen.

Seite kostenlos prüfen

Alle Barrierefreiheits-Fehler

Bezahlten Tarif bestellen

Hinterlassen Sie Ihre E-Mail-Adresse, und wir melden uns, sobald der Tarif bestellt werden kann.