Schaltflächen ohne Namen in Shopify

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Einige Schaltflächen haben keinen sichtbaren Text und keinen zugänglichen Namen.

Wo Sie es in Shopify ändern

In Dawn und den davon abgeleiteten Themes liegen die Symbolschaltflächen des Kopfbereichs in sections/header.liquid.

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

<button><svg>…</svg></button>

So sollte es sein

<button aria-label="Hinweis schließen">
  <svg aria-hidden="true">…</svg>
</button>

Warum das zählt

Das trifft meist Schaltflächen, die nur aus einem Symbol bestehen: das X zum Schließen, die Lupe für die Suche, der Warenkorb im Kopfbereich. Ein Screenreader sagt sie als „Schaltfläche“ an, und die Person muss sie auslösen, um herauszufinden, was sie tun.

In anderen Systemen

Schaltflächen ohne Namen in WooCommerce

Hat Ihr Shopify-Shop diesen Mangel?

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