Prüfpunkt 1.3.5Stufe AAFormulare ausfüllen
Was bringt das autocomplete-Attribut in Website-Formularen?
Das autocomplete-Attribut teilt dem Browser mit, welche Angabe ein Formularfeld erwartet — etwa E-Mail-Adresse oder Telefonnummer. Der Browser kann das Feld dann automatisch mit den gespeicherten Daten des Besuchers ausfüllen. Das hilft besonders Menschen mit motorischen oder kognitiven Einschränkungen, denen Tippen schwerfällt — und beschleunigt Ihre Formulare für alle Kunden.
Ein Wort im Code, das Tipparbeit erspart
Wenn ein Besucher Ihr Kontaktformular öffnet, kennt sein Browser dessen Felder zunächst nicht. Das autocomplete-Attribut ändert das: Steht am E-Mail-Feld die Kennzeichnung „email“, bietet der Browser die gespeicherte Adresse mit einem Klick an. Für die meisten Besucher ist das Bequemlichkeit. Für Menschen mit Zittern, Lähmungen oder Konzentrationsstörungen ist es der Unterschied zwischen einem abgeschickten und einem abgebrochenen Formular — jede eingesparte Eingabe ist eine Fehlerquelle weniger. Zusätzlich können Hilfsprogramme die Kennzeichnung auswerten und Felder etwa mit verständlichen Symbolen versehen. Der Aufwand ist minimal: ein Wort im Code je Feld, einmalig von Ihrer Agentur ergänzt.
So prüft unser Messkern die Eingabezweck-Kennzeichnung
Unsere automatische Prüfung sammelt die sichtbaren Eingabefelder Ihrer Seite ein und gleicht Feldtyp und Feldname mit der Kennzeichnung ab. Dabei urteilt sie bewusst vorsichtig: Nur bei eindeutig erkennbaren Zwecken — ein E-Mail-Feld, ein Telefonfeld — gilt eine fehlende Kennzeichnung als nachgewiesener Verstoß, den der Bericht mit dem Feldnamen belegt. Felder für Namen, Adressen oder Postleitzahlen können je nach Zusammenhang etwas anderes bedeuten — dort meldet der Bericht keinen Verstoß, sondern einen menschlichen Prüffall. Suchfelder sind ausgenommen, denn dort geht es nicht um Angaben zur Person. Beim Gold-Standard sieht ein Prüfer die offenen Fälle durch und entscheidet.
Beispiele
Adressfelder ohne Zweckangabe
<input type="text" name="f1">
<input type="text" name="f2">
<input type="text" name="f3"><input type="text" name="vorname" autocomplete="given-name">
<input type="email" name="email" autocomplete="email">
<input type="text" name="plz" autocomplete="postal-code">Mit autocomplete füllt der Browser die Felder aus, und Hilfsprogramme können ein bekanntes Symbol dazu zeigen.
So gehen Sie es an
- Bitten Sie Ihre Agentur, alle Formularfelder für E-Mail und Telefon mit der passenden autocomplete-Kennzeichnung zu versehen.
- Ergänzen Sie auch Name, Adresse und Postleitzahl mit den passenden Kennzeichnungen, wenn die Felder Angaben zur Person abfragen.
- Testen Sie Ihr Kontaktformular selbst: Bietet der Browser Ihre gespeicherten Daten zum Ausfüllen an, ist die Kennzeichnung wirksam.
- Nehmen Sie die Kennzeichnung in Ihre Formular-Checkliste auf, damit neue Formulare sie von Anfang an tragen.
- Halten Sie Formulare generell kurz — jedes eingesparte Feld hilft mehr als jede Kennzeichnung.
Weiter im Prüfbereich Barrierefreiheit
- Warum brauchen Fehlermeldungen und Links mehr als nur eine Farbe?Viele Menschen sehen Farben eingeschränkt. Information muss deshalb immer doppelt getragen werden: durch Farbe plus Text, Symbol oder Unterstreichung.
- Wie stoppen Besucher automatisch startende Musik auf einer Website?Ton, der länger als drei Sekunden automatisch spielt, braucht einen Stopp- oder Lautstärkeregler direkt auf der Seite — sonst ist er ein echtes Hindernis.
- Welcher Farbkontrast ist für Text auf Websites vorgeschrieben?Normaler Text braucht mindestens 4,5:1 Kontrast zum Hintergrund, großer Text 3:1. Hellgrau auf Weiß fällt fast immer durch — und bleibt unlesbar.
- Muss sich Text auf einer Website auf 200 Prozent vergrößern lassen?Ja — Besucher müssen Text per Browser-Zoom verdoppeln können, ohne dass Inhalte verloren gehen. Zoom-Sperren am Handy verstoßen gegen die Regel.
Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: Aaron Burden, CC0
.jpg){kind=link}