Accessible Dropdown
Accessible Dropdown: Erst die Aufgabe, dann das Muster.
Formularwert, Linkliste und App-Befehle brauchen verschiedene Semantik. Das Labor ordnet den Suchbegriff dem richtigen Bedienvertrag zu.
01 / Live-Routingmatrix
Aufgabe wählen, Vertrag sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.
Dropdown-Routingmatrix
Zweck mit Code und Tastatur verbinden
Empfehlung
Native Select
Browser und Hilfstechnik liefern Auswahlverhalten bereits mit.
Tab → Pfeile → AuswahlDropdown-Labor bereit.
02 / Der Unterschied
Das richtige Muster ist der Anfang, nicht die Website.
Das falsche Muster bricht den Vertrag
Eine Linkliste als ARIA-Menü zwingt Tastaturnutzer in Pfeiltasten-Logik, ein Select ohne Label bleibt namenlos. Der Fehler liegt selten im Code, sondern in der Zuordnung.
Der Check prüft die ausgelieferten Dropdowns
Der Website-Check untersucht Ihre Seiten im gerenderten DOM: Auslöser ohne Namen, aria-controls ohne Ziel und Zustände, die Hilfstechnik nicht ansagen kann.
Fundstellen statt Musterkatalog
Jeder Befund nennt Seite, Vorkommen und den nächsten Schritt. Kostenlos und ohne Installation, direkt mit Ihrer URL.
03 / Auf Ihrer Website
Jetzt die eigenen Dropdowns prüfen.
Die Routingmatrix ordnet das Muster. Der Website-Check prüft Ihre Seiten auf Namen, Zustände und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis