Verschachtelte interaktive Elemente
Automatisierte Prüfung nested-interactive, ausgeführt mit axe-core
- WCAG
- 4.1.2 Name, Rolle, Wert (Stufe A)
- Schweregrad
- Schwerwiegend: erledigbar, aber mühsam
- Typischer Aufwand
- Mittel, 1 bis 4 Stunden
- Kategorie
- Formulare und Bedienelemente
Wen das betrifft
Screenreader- und Tastatur-Nutzer.
Warum es wichtig ist
Eine Schaltfläche innerhalb eines Links (oder Ähnliches) führt zu unvorhersehbarem Fokusverhalten und mehrdeutigen Ansagen – der Nutzer weiß nicht, welche Aktion er gleich auslöst. Häufige Ursache sind Kacheln, die als Ganzes verlinkt sind.
So beheben Sie es
Bauen Sie das Markup so um, dass Bedienelemente nebeneinander statt ineinander liegen.
Prüfen Sie Ihre eigene Website
Der kostenlose Check prüft 3 Seiten nach WCAG 2.2 (Stufen A und AA) in etwa 30 Sekunden. Ohne Anmeldung.
Verwandte Prüfungen: Formulare und Bedienelemente
- Eigene Schaltflächen, Links oder Menüpunkte ohne zugänglichen Namen
- Dialoge ohne zugänglichen Namen
- Eigene Eingabe-Widgets ohne zugänglichen Namen
- Eigene Checkboxen, Schalter oder Radio-Buttons ohne zugänglichen Namen
- Formularfelder mit ungültigen autocomplete-Werten
- Schaltflächen ohne erkennbaren Text
- Formularfeld mit mehreren Beschriftungen
- Formular-Schaltflächen ohne zugänglichen Namen