WCAG 1.3.5 Bestimmung des Eingabezwecks

Das Erfolgskriterium 1.3.5 erleichtert Formulare für Menschen mit kognitiven, Gedächtnis- oder motorischen Einschränkungen. Wenn ein Feld im Code angibt, wofür es da ist — „das ist die E-Mail“, „das ist die Postleitzahl“ —, können Browser es ausfüllen und Hilfsprogramme vertraute Icons oder Beschriftungen anzeigen. Es kam mit WCAG 2.1 hinzu, gehört zur Konformitätsstufe AA und ist Teil von EN 301 549 (Abschnitt 9.1.3.5). Das BFSG verweist über die harmonisierte Norm EN 301 549 auf diese Anforderungen.

Was das Erfolgskriterium verlangt

Der Zweck jedes Eingabefelds, das Informationen über den Nutzer erfasst, muss programmatisch ermittelbar sein, wenn:

• das Feld einem der Zwecke aus der WCAG-Liste Input Purposes for User Interface Components (Abschnitt 7 von WCAG 2.1 und 2.2) dient — zum Beispiel name, given-name, family-name, email, tel, street-address, address-line1, postal-code, country, organization, bday, cc-name, cc-number, cc-exp, username, new-password, current-password; und
• die Technologie das unterstützt. In HTML ist das über das Attribut autocomplete der Fall.

Es gilt nur für Daten über den Nutzer. Ein Feld für einen Gutscheincode, eine Produktsuche oder Angaben zu einer anderen Person ist nicht erfasst.

Typische Fehler in Onlineshops

• Checkout-Felder für Name, E-Mail, Telefon und Adresse ohne autocomplete;
• autocomplete="off" „aus Sicherheitsgründen“ auf dem gesamten Checkout-Formular;
• ungültige oder falsche Werte wie autocomplete="zip" oder autocomplete="name" auf dem E-Mail-Feld;
• getrennte Rechnungs- und Lieferadressen ohne die Tokens billing und shipping, sodass der Browser die falsche ausfüllt;
• Registrierungs- und Login-Felder ohne username, new-password oder current-password.

So prüfen Sie es

Automatisch: Unser Checker markiert autocomplete-Werte, die ungültig sind oder nicht zum Feld passen (Regel autocomplete valid). Ob ein Feld ohne autocomplete nach eigenen Daten des Nutzers fragt, kann er nicht erkennen — fehlende Attribute erfordern daher eine manuelle Prüfung.

Manuell: Listen Sie alle Formulare auf: Registrierung, Login, Konto, Checkout, Newsletter, Kontakt. Prüfen Sie bei jedem Feld, das nach persönlichen Daten des Nutzers fragt, den Code und vergleichen Sie den autocomplete-Wert mit der WCAG-Liste. Testen Sie, ob das automatische Ausfüllen des Browsers die richtigen Felder befüllt.

So beheben Sie es

• Ergänzen Sie jedes Feld um das richtige Token, zum Beispiel <input type="email" autocomplete="email">.
• Verwenden Sie für Adressen Abschnitts-Tokens: autocomplete="shipping postal-code" und autocomplete="billing postal-code".
• Entfernen Sie autocomplete="off" von Feldern mit persönlichen Daten.
• Prüfen Sie bei Shopify, WooCommerce und anderen Plattformen, ob Theme oder Plugins die Checkout- und Kontoformulare überschreiben; die Standardeinstellungen der Plattform setzen die Werte womöglich bereits.

Verwandte Kriterien

• 1.3.1 Info und Beziehungen — mit Feldern verbundene Labels.
• WCAG-2.2-Checkliste — einschließlich 3.3.7 Redundante Eingabe und 3.3.8 Barrierefreie Authentifizierung.
• Regeln, die unser Checker prüft — alle automatischen Regeln.

Häufige Fragen

Welche Felder brauchen ein autocomplete-Attribut?

Felder, die Informationen über den Nutzer selbst erfassen und einem der in den WCAG aufgeführten Eingabezwecke entsprechen, zum Beispiel name, email, tel, street-address, postal-code, country, cc-number oder new-password.

Gilt 1.3.5 für die Adresse eines Geschenkempfängers?

Das Kriterium beschränkt sich auf Informationen über den Nutzer. Felder zu einer anderen Person müssen ihren Zweck nicht angeben, auch wenn die shipping-Tokens trotzdem helfen können.

Ist autocomplete="off" ein Verstoß?

Bei einem Feld, das in den WCAG aufgeführte eigene Daten des Nutzers erfasst, ja: Der Zweck muss programmatisch ermittelbar sein, und „off“ benennt ihn nicht.

Was findet die automatische Prüfung?

Unser Checker markiert autocomplete-Werte, die ungültig sind oder nicht zum Feld passen. Ob ein Feld ohne autocomplete nach eigenen Daten des Nutzers fragt, kann er nicht wissen — fehlende Attribute brauchen daher einen manuellen Blick.