axe-core: color-contrast · WCAG 1.4.3 Contrast (Minimum) · Stufe AA

Wie Sie das „color-contrast“-Problem beheben

Die axe-core-Regel color-contrast schlägt fehl, wenn Text zu wenig Kontrast zum Hintergrund hat. Nach WCAG 2.2 AA braucht normaler Text mindestens 4,5:1 und großer Text mindestens 3:1 — eine Anforderung, auf die sich BFSG und EU-EAA über EN 301 549 stützen.

Ihre Seite kostenlos darauf prüfen →

Was axe-core prüft

axe-core berechnet das Kontrastverhältnis zwischen Textfarbe und effektiver Hintergrundfarbe und meldet normalen Text unter 4,5:1 (bzw. großen Text — 18,66px fett / 24px — unter 3:1). Es ist einer der häufigsten Fehler auf echten Online-Shops.

Welcher Norm das entspricht

WCAG 2.2	1.4.3 Contrast (Minimum) (Stufe AA)
EN 301 549	9.1.4.3
BFSG / EAA	BFSG § 12 i. V. m. EN 301 549 · EAA Anhang I
Kategorie	Farbe & Kontrast

Warum es zählt

Zu geringer Kontrast ist der häufigste WCAG-Fehler überhaupt und betrifft Menschen mit Sehbeeinträchtigung direkt. Für einen deutschen Shop ist es zudem der am leichtesten abmahnbare Verstoß, weil objektiv messbar — über ein 3,1:1-Verhältnis lässt sich nicht streiten.

Häufige Ursachen

Hellgrauer Fließtext (z. B. #999) auf Weiß
Markenfarbene Buttons, deren Beschriftung gegen die Füllung durchfällt
Platzhaltertext in Formularfeldern
Text über einem unruhigen Bild ohne Abdunklung

Wie Sie es beheben

Erhöhen Sie den Kontrast, bis das Verhältnis besteht. Das dunkelste Grau, das auf Weiß noch besteht, ist etwa #767676 (4,54:1). Prüfen Sie Paare mit einem Kontrast-Checker oder den Browser-DevTools.

/* Fehler: 2,85:1 */
color: #999999;
background: #ffffff;

/* Besteht AA: 4,54:1 */
color: #767676;
background: #ffffff;

FAQ

Welches Kontrastverhältnis verlangt WCAG 2.2 AA?

4,5:1 für normalen Text und 3:1 für großen Text (mindestens 24px bzw. 18,66px fett).

Gilt das auch für deaktivierte Elemente?

Nein — WCAG nimmt deaktivierte Bedienelemente und reine Dekoration aus, axe-core meldet sie nicht.

Finden Sie jeden solchen Fehler auf Ihrer Seite

Starten Sie einen kostenlosen WCAG 2.2 AA-Scan — echte axe-core-Engine, ohne Anmeldung. Oder ein zeitgestempelter Beweis-Report für 29 €.

Gratis-Scan → Unsere Methodik