aria selected
aria selected: Fokus ist nicht Auswahl.
Testen Sie aria-selected in Tabs, Listbox und Grid. Pfeiltasten bewegen den Fokus; Enter oder Leertaste veröffentlicht die Auswahl.
01 / Live-Zwei-Spur-Labor
Fokus und Auswahl getrennt erleben.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.
Zwei-Spur-Labor
Fokussieren. Auswählen. Ansagen.
selected Widget-Auswahlcurrent Seite oder Schrittpressed Umschaltknopfchecked CheckboxTabs-Labor bereit. Übersicht ist ausgewählt.
02 / Der Unterschied
Ein sauberes Muster ist der Anfang, nicht die Website.
Die Kopplung kippt im Detail
Wenn Auswahl dem Fokus ungewollt folgt oder aria-selected an der falschen Stelle sitzt, springt die Ansage für Screenreader – ohne dass es visuell auffällt.
Zustände im Seitenkontext
Der Website-Check findet Bedienelemente mit ungültigen oder fehlenden ARIA-Attributen und fehlende zugängliche Namen – dort, wo Nutzerinnen und Nutzer darauf treffen.
Fundstellen mit Richtung
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigenen Zustände prüfen.
Das Labor prüft ein Muster. Der Website-Check findet Zustands- und Benennungsfehler auf Ihren Seiten.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis