WCAG 1.3.5: Eingabezweck bestimmen

Formularfelder, die Daten über den Nutzer selbst erfassen – Name, E-Mail, Adresse, Telefonnummer, Zahlungsdaten –, müssen ihren Zweck maschinenlesbar angeben. Praktisch heißt das im Web: das richtige autocomplete-Attribut aus der festen HTML-Tokenliste. (Englisch: Identify Input Purpose.)

Was verlangt das Kriterium?

Der Zweck jedes Feldes, das sich auf den Nutzer bezieht, muss programmatisch bestimmbar sein – anhand der in der HTML-Spezifikation definierten Zweck-Tokens. Ein sichtbares Label reicht dafür nicht (das kann „Ihre Mehl-Adresse“ heißen und kreativ formatiert sein); das Token ist eindeutig:

Wen betrifft es besonders?

Menschen mit kognitiven Einschränkungen und Gedächtnisproblemen: Der Browser füllt bekannte Daten automatisch aus – niemand muss die eigene IBAN auswendig können. Menschen mit motorischen Einschränkungen sparen mühsame Eingaben. Und Browser-Erweiterungen können Felder mit erkanntem Zweck um Symbole ergänzen – dafür brauchen sie die Tokens.

Richtig & falsch im Code

<!-- Falsch: kein Zweck erkennbar, Autofill rät -->
<label for="f1">Ihre E-Mail-Adresse</label>
<input id="f1" type="text" name="feld_1" />

<!-- Richtig: Typ + Zweck maschinenlesbar -->
<label for="email">Ihre E-Mail-Adresse</label>
<input id="email" type="email" name="email" autocomplete="email" />

Zwei Stolperfallen: autocomplete="off" auf Personendaten-Feldern verletzt das Kriterium praktisch immer (und wird von Browsern ohnehin ignoriert, wenn es um Logins geht). Und die Tokens gelten nur für Daten der nutzenden Person – ein Feld „Name des Empfängers“ braucht kein given-name.

So testest du es

1. Formulare durchgehen: Hat jedes Personendaten-Feld ein passendes autocomplete-Token (Liste: HTML-Spezifikation, Abschnitt Autofill)?
2. Praxisprobe: Formular im Browser mit hinterlegten Profildaten ausfüllen lassen – landen die richtigen Werte in den richtigen Feldern?
3. axe meldet fehlende/ungültige Tokens unter „autocomplete-valid“.

Verwandte Themen

• Formular-Semantik & Input-Typen – Typen und Attribute im Zusammenhang
• 3.3.8 Zugängliche Authentifizierung – Autofill als Login-Erleichterung
• 3.3.7 Redundante Eingabe – Daten nicht doppelt abfragen