Gehirngerecht Digital

Die WCAG-Kriterien

WCAG 1.3.5: Bestimmung des Eingabezwecks

Zurück zu allen WCAG-Kriterien

ÜBERBLICK

Umsetzbarkeit:

  • Komplexität:Einfach
  • Dauer:Schnell

Wichtig für Rolle:

Entwicklung

Worum gehts?

Formularfelder müssen im Code so gekennzeichnet sein, dass der Browser oder Hilfsmittel ihren Zweck erkennen können. Dadurch kann der Browser dann passende Vorschläge zur Autovervollständigung anbieten.

Das gilt nur für Felder, die personenbezogene Daten wie Name, Adresse oder E-Mail abfragen.

Illustration von einem Formularfeld. Darauf steht Personen-Daten-Formular. Es sind zwei Eingabefelder zu sehen, Name und E-Mail-Adresse. Darunter ist jeweils ein autocomplete-Tag mit der richtigen Bezeichnung für das Feld.

Umsetzung

Mindestens eine der folgenden Möglichkeiten muss umgesetzt werden, um das Kriterium zu erfüllen. Nähere Informationen dazu findest du in den jeweils verlinkten WCAG-Techniken.

  • Illustration von einem Formularfeld. Darauf steht Personen-Daten-Formular. Es sind zwei Eingabefelder zu sehen, Name und E-Mail-Adresse. Darunter ist jeweils ein autocomplete-Tag mit der richtigen Bezeichnung für das Feld.

    Autocomplete-Attribut nutzen

    Füge dem HTML-Code für die Formularfelder zusätzliche Informationen hinzu, damit der Zweck der Felder klar erkennbar ist. Nutze hierfür das autocomplete-Attribut.

    Beispiel: Ein Feld für die E-Mail-Adresse bekommt das Attribut autocomplete="email".

    Anmerkungen

    • Ein Formular, in das man Daten von mehreren Personen eintragen kann.

      Ausnahme: Eingebende Person ist unklar

      Die Anforderung gilt nur für Felder, die sich auf den User selbst beziehen. Sie gilt nicht für Seiten, auf denen die Eingabe von persönlichen Daten mehrerer Personen möglich ist und dadurch nicht zwischen dem eingebenden User und anderen Personen unterschieden werden kann.

      Ein Beispiel dafür sind Ticketbuchungsseiten von Fluglinien. Hier sind die Eingabefelder für den User nicht von den Feldern für Mitreisende unterscheidbar. In solchen Fällen ist es nicht möglich, die automatische Ausfüllfunktion korrekt anzuwenden, weil der Zweck der Felder nicht eindeutig erkennbar ist.

          So testest dU:

          YouTube

          Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
          Mehr erfahren

          Video laden

          DAs Accessbility-Center

          Teste selbstständig auf digitale Barrierefreiheit! 

          Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!

          • Alle Prüfschritte leicht erklärt
          • Teile und exportiere Prüfberichte
          • Teste direkt auf der Live-Webseite!
          Zum Accessibility-Center