Formularfelder ohne Beschriftung in Shopify

WCAG 1.3.1, 3.3.2, 4.1.2 (A) · EN 301 549 9.1.3.1, 9.3.3.2, 9.4.1.2

Einige Formularfelder haben keinen zugänglichen Namen: kein <label>, kein aria-label, kein aria-labelledby.

Wo Sie es in Shopify ändern

Die Felder im Shopify-eigenen Bestellvorgang sind bereits beschriftet. Prüfen Sie die, die Sie ergänzt haben: Newsletter in der Fußzeile, Suche im Kopfbereich und Formulare aus Apps von Drittanbietern.

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

<input type="email" name="email">

So sollte es sein

<label for="email">E-Mail-Adresse</label>
<input type="email" id="email" name="email" autocomplete="email">

<!-- Oder durch Einschließen -->
<label>Postleitzahl
  <input type="text" name="plz" autocomplete="postal-code">
</label>

Warum das zählt

Ein Feld ohne Beschriftung wird als „Eingabefeld“ angesagt und sonst nichts. Im Suchfeld ist das ärgerlich; bei der Lieferanschrift im Bestellvorgang macht es den Kauf ohne Raten unmöglich.

In anderen Systemen

Hat Ihr Shopify-Shop diesen Mangel?

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