Zum Inhalt springen

    Autovervollständigung

    UX & BarrierefreiheitAutocompleteEingabevorschlägeInline-Vervollständigung
    Redaktionell geprüft am: 2 Quellen
    Deine Leseansicht

    Die Kurzantwort · 11 Wörter

    Kurz erklärt

    UI-Funktion, die während einer Eingabe passende Vervollständigungen oder auswählbare Vorschläge anbietet.

    Flow-alerta.cab (2026): Autovervollständigung. https://flow-alerta.cab/glossar/autocomplete. Redaktionell geprüft am: 09. Oktober 2026.

    Wie ausführlich soll es sein?

    Praxis

    Kann Suche und Formulare schneller und zugänglicher machen. Nutzen entsteht nur bei korrekter Tastaturbedienung, verständlichen Beschriftungen und kontrollierbarem Fokus.

    Beispielszenario: Die Suche einer Ersatzteilplattform schlägt nach wenigen Zeichen Produktnamen vor; Pfeiltasten bewegen die Auswahl, Enter übernimmt sie und Escape schließt die Liste.

    Ihre Nutzung bei Suche, Adress- und Kontaktformularen anhand realer Aufgaben testen; Trefferqualität, Datenschutz, Tastaturablauf und Screenreader-Ausgabe gemeinsam prüfen.

    Auf einen Blick

    Kern
    Bei Autovervollständigung ergänzt eine Oberfläche eingegebenen Text inline oder zeigt eine Vorschlagsliste. `aria-autocomplete` beschreibt dieses Verhalten für assistive Technik, implementiert es aber nicht. Das HTML-Attribut `autocomplete` kennzeichnet dagegen Eingabezwecke und unterstützt Browser-Autofill.
    Nutzen
    Kann Suche und Formulare schneller und zugänglicher machen. Nutzen entsteht nur bei korrekter Tastaturbedienung, verständlichen Beschriftungen und kontrollierbarem Fokus.
    Beispiel
    Beispielszenario: Die Suche einer Ersatzteilplattform schlägt nach wenigen Zeichen Produktnamen vor; Pfeiltasten bewegen die Auswahl, Enter übernimmt sie und Escape schließt die Liste.
    Grenzen
    UI-Vorschläge mit Browser-Autofill oder KI-Codevervollständigung vermischen; nur Mausbedienung vorsehen; Status und aktive Option nicht zugänglich machen; falsche `autocomplete`-Werte nutzen; sensible Daten ungefragt speichern.

    Im Zusammenhang

    Fragen, die dazu gestellt werden

    Ist `aria-autocomplete` die Funktion selbst?

    Nein.

    Ist Browser-Autofill dasselbe wie eine Vorschlagsliste?

    Nein.

    Muss jede Suche Vorschläge anbieten?

    Nein, nur wenn sie zuverlässig und bedienbar helfen.

    Alle Details und Hintergründe

    Bei Autovervollständigung ergänzt eine Oberfläche eingegebenen Text inline oder zeigt eine Vorschlagsliste. `aria-autocomplete` beschreibt dieses Verhalten für assistive Technik, implementiert es aber nicht. Das HTML-Attribut `autocomplete` kennzeichnet dagegen Eingabezwecke und unterstützt Browser-Autofill.

    ELI5 – Einfach erklärt

    Du beginnst zu tippen und bekommst passende Fortsetzungen, die Du auswählen oder übernehmen kannst.

    Warum das im Alltag wichtig ist

    Kann Suche und Formulare schneller und zugänglicher machen. Nutzen entsteht nur bei korrekter Tastaturbedienung, verständlichen Beschriftungen und kontrollierbarem Fokus.

    Beispiel

    Beispielszenario: Die Suche einer Ersatzteilplattform schlägt nach wenigen Zeichen Produktnamen vor; Pfeiltasten bewegen die Auswahl, Enter übernimmt sie und Escape schließt die Liste.

    Fallstricke und Grenzen

    • UI-Vorschläge mit Browser-Autofill oder KI-Codevervollständigung vermischen; nur Mausbedienung vorsehen; Status und aktive Option nicht zugänglich machen; falsche `autocomplete`-Werte nutzen; sensible Daten ungefragt speichern.

    Entstehung & Geschichte

    Webstandards unterscheiden heute Vorschlagsverhalten über WAI-ARIA von der maschinenlesbaren Eingabeabsicht, die Browser-Autofill unterstützt.

    Anwendung im Mittelstand

    • Ihre Nutzung bei Suche, Adress- und Kontaktformularen anhand realer Aufgaben testen; Trefferqualität, Datenschutz, Tastaturablauf und Screenreader-Ausgabe gemeinsam prüfen.

    Quellen

    • www.w3.orgW3C, WAI-ARIA 1.2 – aria-autocomplete
    • www.w3.orgW3C, WCAG 2.2 – Eingabezweck identifizieren

    Quellenprüfung: 09.10.2026. Definition und dokumentierte Einordnung abgeglichen; Beispiele beschreiben mögliche Anwendungen.

    Redaktionell geprüft am:

    Nächster Schritt

    Vom Wissen zur Anwendung