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 geht's?

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

Das gilt nur für Formularfelder, die sich auf den aktiven Nutzer beziehen und personenbezogene Daten abfragen, wie Name, Adresse oder E-Mail.

 

 

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

Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.

  • 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

    Wenn User persönliche Daten (Name, Adresse, Passwort) eingeben müssen, brauchen die Formularfelder im HTML-Code ein autocomplete-Attribut mit den richtigen Werten.

    Beispiel für den Namen: autocomplete="given-name"

    WCAG-Technik(en) in Englisch:

    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:

          Sie sehen gerade einen Platzhalterinhalt von YouTube. Um auf den eigentlichen Inhalt zuzugreifen, klicken Sie auf die Schaltfläche unten. Bitte beachten Sie, dass dabei Daten an Drittanbieter weitergegeben werden.

          Mehr Informationen

          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