Standards · WCAG 2.2

SC 1.3.5 Stufe AA WCAG 2.1

Eingabezweck bestimmen

Formularfelder, die gängige persönliche Daten erfassen — Name, E-Mail, Telefon, Adresse, Kreditkarte — müssen ihren Zweck programmatisch über das HTML-Attribut autocomplete deklarieren. Dies ermöglicht Browsern das automatische Ausfüllen und assistiven Werkzeugen die Anpassung der Benutzeroberfläche.

Was gefordert wird

Für jedes der 53 spezifischen Benutzerinformationsfelder, die in WCAG aufgeführt sind (Name, E-Mail, Tel, Straße, Kreditkartennummer, Geburtsdatum, Land usw.), muss das Eingabefeld das entsprechende autocomplete-Token enthalten. Dabei geht es nicht um den Komfort des Browser-Autofills — assistive Werkzeuge (Symboltatstaturen, AAC-Apps, kognitiv unterstützende Ebenen) können Formularfelder nur dann mit Icons, Übersetzungen oder alternativen Eingaben versehen, wenn der Feldzweck maschinell lesbar ist.

Wie dieses Kriterium erfüllt wird

  • E-Mail-Felder mit autocomplete="email" versehen, Vorname-Felder mit autocomplete="given-name", Nachname-Felder mit autocomplete="family-name".
  • Für Telefon autocomplete="tel" verwenden, für Adressfelder autocomplete="street-address", autocomplete="postal-code", autocomplete="country".
  • Bei Zahlungsformularen autocomplete="cc-name", cc-number, cc-exp, cc-csc einsetzen.
  • Die vollständige Liste in der HTML-Spezifikation nachschlagen — diese Token sind normativ.
  • Mit <input type="email">, type="tel", type="url"> kombinieren, um korrekte Bildschirmtastaturen zu erhalten.
  • Bei nicht-persönlichen Feldern (z. B. ein Suchfeld, eine benutzerdefinierte Bewertung) ist kein autocomplete-Token erforderlich — das Erfolgskriterium gilt nur für die 53 Typen persönlicher Informationen.

Häufige Fehler

  • autocomplete="off" für das gesamte Anmeldeformular „aus Sicherheitsgründen“ — verhindert aktiv die Konformität und beeinträchtigt Passwort-Manager.
  • E-Mail-Feld ohne autocomplete-Token, sodass Nutzende von Symboltatstaturen keine angepasste Eingabe erhalten.
  • Adressfelder mit der Beschriftung „Adresszeile 1“, aber ohne autocomplete="address-line1".
  • Kreditkartenfelder mit benutzerdefiniertem JavaScript-Autofill statt des nativen Tokens.
  • Anmeldeformular mit einem name-Feld für den vollständigen Namen, aber ohne autocomplete="name".

Warum es darauf ankommt

Dieses Erfolgskriterium wird häufig übersehen, weil der Fehler nicht sichtbar ist — das Formular funktioniert für typische Nutzende, aber Personen mit adaptiven Eingabehilfen erhalten eine generische Darstellung. Das Hinzufügen von autocomplete-Token ist bei den meisten Anmeldeabläufen eine Aufgabe von etwa 30 Minuten und verbessert gleichzeitig die Nutzungserfahrung für alle (Browser-Autofill funktioniert zuverlässiger).