Zu geringer Farbkontrast in WooCommerce

WCAG 1.4.3 (AA) · EN 301 549 9.1.4.3

Es gibt Text in {fontSize} mit einem Kontrastverhältnis von {ratio} zum Hintergrund, während die Norm {required} verlangt.

Wo Sie es in WooCommerce ändern

Im Customizer unter Farben; bietet das Theme das nicht an, ergänzen Sie es unter Zusätzliches CSS.

In WooCommerce liefern Theme und Plugins gemeinsam das Markup. Legen Sie vor dem Bearbeiten ein Child-Theme an, sonst überschreibt das nächste Update Ihre Änderungen.

So ist es

/* 2,85:1 — durchgefallen */
.alter-preis { color: #999999; background: #ffffff; }

So sollte es sein

/* 4,83:1 — bestanden */
.alter-preis { color: #717171; background: #ffffff; }

Warum das zählt

Das ist die verbreitetste Barriere und die, die die meisten Menschen betrifft: müde Augen, ein Telefon in praller Sonne, ein billiger Bildschirm. Man braucht keine diagnostizierte Behinderung, um Hellgrau auf Weiß nicht lesen zu können.

In anderen Systemen

Zu geringer Farbkontrast in Shopify

Hat Ihr WooCommerce-Shop diesen Mangel?

Wir erkennen Ihr System automatisch und geben Ihnen die Schritte dafür. Kostenlos und ohne Anmeldung.