ARIA · Combobox-Labor

aria autocomplete: Passt das Attribut zum Verhalten?

Wählen Sie none, list, inline oder both. HTML-autocomplete steuert Autofill. Das ARIA-Attribut beschreibt Vorhersagen; JavaScript muss Liste, Fokuszeiger und Tastatur liefern.

01 / Combobox-Labor

Vier Modi und drei Leitungen live verdrahten.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.

Zustands-Routing

Eingabe und Popup verdrahten

4/4 Kontakte

Live-Combobox

Zielseite öffnen

  • Barrierefreiheit prüfen
  • Bericht herunterladen

↓ ↑ wählen · Enter übernimmt · Esc schließt · Fokus bleibt im Feld

URL noch nicht vorbereitet.

Zwei Vorschläge. Barrierefreiheit prüfen aktiv.

02 / Der Unterschied

Eine Combobox ist der Anfang, nicht die Website.

  • Autocomplete scheitert an der Synchronisation

    Modus, Popup-Bezug, expanded-Zustand und Fokuszeiger müssen bei jeder Eingabe zusammenpassen. Auf echten Seiten verlieren Such-, Filter- und Adressfelder diesen Vertrag gleichzeitig.

  • Was der Check auf Ihrer Seite findet

    Der Website-Check prüft Comboboxen automatisch auf Gültigkeit: ungültige aria-autocomplete-Werte, aria-controls ohne Ziel und Vorschläge ohne zugänglichen Namen.

  • Fundstellen statt Musterraten

    Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation.

03 / Auf Ihrer Website

Jetzt die eigenen Eingabefelder prüfen.

Das Labor prüft das Combobox-Muster. Der Website-Check sucht technisch erkennbare ARIA-Befunde und weitere Barrieren auf Ihren Seiten.

Der Website-Check ist bereit.

  1. 1URL
  2. 2Auswahl
  3. 3Prüfung
  4. 4Ergebnis
Kostenlos starten · keine Installation

Das Attribut passt. Jetzt die Seite dahinter prüfen.

Kostenlos starten: URL eingeben und konkrete technische Warnsignale mit Fundstellen erhalten.

Website auf Barrierefreiheit prüfen