Schaltflächen ohne Namen in WooCommerce

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

Symbolschaltflächen kommen meist aus dem Theme; sehen Sie in header.php und in den Warenkorb-Vorlagen nach.

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

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

Hat Ihr WooCommerce-Shop diesen Mangel?

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