Zu geringer Farbkontrast in Shopify

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 Shopify ändern

Im Theme-Editor lassen sich unter Einstellungen › Farben die Farbschemata ändern, ohne Code anzufassen.

Shopify-Themes bearbeiten Sie unter Onlineshop › Themes. Über „Code bearbeiten“ öffnen sich die Liquid-Vorlagen. Viele Farb- und Schrifteinstellungen lassen sich ohne Programmieren direkt im Theme-Editor ändern.

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 WooCommerce

Hat Ihr Shopify-Shop diesen Mangel?

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