aria controls · Beziehungslabor
aria controls: Zeigt der Bezug auf ein echtes Ziel?
aria-controls enthält eine ID-Liste. Jeder Token muss genau ein vorhandenes Element bezeichnen; Sichtbarkeit und Bedienlogik entstehen dadurch noch nicht.
01 / Beziehungslabor
HTML einfügen, Bezüge auflösen, Bruch sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.
DOM-Leitungsplan
Auslöser mit Ziel verbinden
1 Bezug endet im Leeren
Aufgelöste IDREFs
2 Leitungen
- Fehler
- 1
- Hinweise
- 0
- Intakt
- 1
button„Filter öffnen“nicht im DOMKein Element trägt id="filter-panel".
Fix: Ziel-ID ergänzen oder den Token auf eine vorhandene ID ändern.button„Filter öffnen“section#account-panelDer IDREF löst genau ein Ziel im Ausschnitt auf.
Fix: Interaktion, Zustand und Screenreader-Ausgabe im Browser testen.
Zwei Beziehungen geprüft. Ein Ziel fehlt.
02 / Der Unterschied
Ein intakter Bezug ist der Anfang, nicht die Website.
Bezüge brechen im vollständigen DOM
Templates und nachgeladene Inhalte erzeugen IDs, die im Ausschnitt gar nicht auftauchen. Ein aria-controls, das lokal stimmt, kann auf der ausgelieferten Seite ins Leere laufen.
Der Check prüft die ganze Seite
Der Website-Check findet ungültige ARIA-Attribute, doppelte IDs und fehlende Beschriftungen auf Ihren Seiten – zusammen mit weiteren automatisch erkennbaren Barrieren.
Fundstellen statt Vermutung
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation: URL eingeben, Ergebnis lesen.
03 / Auf Ihrer Website
Jetzt die eigene Seite prüfen.
Das Labor prüft einen eingefügten Ausschnitt. Der Website-Check prüft Ihre Seiten auf kaputte ARIA-Bezüge und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis