Eingabezweck erkennen

Bei Formularen mit Angaben zur eigenen Person muss der Eingabezweck der entsprechenden Formularfelder maschinenlesbar sein (autocomplete-Attribut). Dies ermöglicht das automatische Ausfüllen derselben, was insbesondere Menschen mit kognitiven und motorischen Behinderungen zugutekommt.

Verstehen

Alle Menschen, insbesondere aber diejenigen mit kognitiven Behinderungen, profitieren von klar beschrifteten Eingabefeldern. Menschen mit motorischen Behinderungen profitieren vom automatischen Ausfüllen von Formularfeldern, weil dadurch die Notwendigkeit feinmotorischer Bewegungen reduziert wird. Programmatische Methoden können den Zweck eines Eingabefeldes erkennen und Antworten vorgeben.

Damit Benutzeragenten (z.B. Browser) Formularfelder automatisch ausfüllen können, wird der korrekte Einsatz des autocomplete-Attributs vorausgesetzt. So wird sichergestellt, dass programmiertechnisch diejenigen Felder vorbefüllt werden können, zu denen die Daten bereits vorliegen.

Wichtig: Dies trifft nur auf Formularfelder zu, die Daten über die Person sammeln. Eine abschliessende Liste der möglichen Werte findet sich unter https://www.w3.org/TR/WCAG21/#input-purposes.

Hinweis: Sowohl fehlende als auch falsche autocomplete-Attribute (etwa autocomplete="birthday" statt autocomplete="bday") verletzen dieses Erfolgskriterium.

Verantwortlichkeiten

• Das Entwicklungsteam versieht jedes Formularfeld, das Daten über die ausfüllende Person sammelt und in der Liste der verfügbaren Werte aufgeführt ist, mit dem passenden autocomplete-Attribut.

WCAG-Text

Der Zweck jedes Eingabefeldes, das Informationen über den Benutzer erfasst, kann programmiertechnisch ermittelt werden, wenn:

- das Eingabefeld einem Zweck dient, der im Abschnitt «Eingabezwecke für Benutzerschnittstellenkomponenten» aufgeführt ist; und

- der Inhalt mit Hilfe von Technologien implementiert wird, die das Identifizieren der erwarteten Bedeutung von Formulareingabedaten unterstützen.

Code-Beispiel

<!-- Für Felder, die Vor- und Nachnamen verlangen-->

<label for="first_name">Vorname:</label> <input id="first_name" autocomplete="given-name" />
<label for="last_name">Nachname:</label> <input id="last_name" autocomplete="family-name" />