aria expanded
aria expanded: Zustand und Ziel müssen zusammen umschalten.
aria-expanded gehört auf den auslösenden Button. Sein Wert muss dem sichtbaren Inhalt folgen; aria-controls benennt das kontrollierte Ziel.
01 / Zustandslabor
Disclosure öffnen, Semantikspur ablesen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.
Disclosure-Zustandslabor
Auslöser → Zustand → Ziel
PrüfergebnisStimmig
Live-Disclosure
Häufige Frage
Semantikspur
Was Assistenztechnik erhält
- 1AuslöserButton „Versand“
- 2Zustandfalse
- 3Ziel#versand-panel
<button aria-expanded="false" aria-controls="versand-panel">Versand</button>Synchrones Beispiel geladen. Inhalt und gemeldeter Zustand sind geschlossen.
02 / Der Unterschied
Ein Disclosure ist der Anfang, nicht die Website.
Zustand läuft dem Inhalt hinterher
Beim Öffnen und Schließen bleibt aria-expanded gern auf dem Startwert oder fehlt ganz. Screenreader melden dann einen geschlossenen Bereich, der sichtbar offen ist.
Der Check prüft jedes Steuerelement
Der Website-Check findet gebrochene aria-controls-Bezüge, ungültige ARIA-Attribute und weitere automatisch erkennbare Barrieren auf Ihren Seiten.
Fundstellen statt Stichprobe
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.
03 / Auf Ihrer Website
Jetzt die eigenen Ausklappbereiche prüfen.
Das Labor prüft ein Muster. Der Website-Check prüft Ihre Seiten auf Zustandsattribute und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis