Menüs, Listen oder Tabs ohne die erforderlichen Unterelemente
Automatisierte Prüfung aria-required-children, ausgeführt mit axe-core
- WCAG
- 1.3.1 Info und Beziehungen (Stufe A)
- Schweregrad
- Schwerwiegend: erledigbar, aber mühsam
- Typischer Aufwand
- Mittel, 1 bis 4 Stunden
- Kategorie
- Code-Qualität
Wen das betrifft
Screenreader-Nutzer in Menüs, Tab-Bereichen, Auswahllisten und Baumstrukturen.
Warum es wichtig ist
Eine Container-Rolle wie menu, tablist oder listbox muss passende Einträge enthalten. Fehlen sie oder stecken sie in anderen Elementen, wird das Widget als leer oder defekt angesagt und ist nicht bedienbar.
So beheben Sie es
Geben Sie jedem Kindelement die Rolle, die der Container erwartet (z. B. role="menuitem" innerhalb von role="menu"), und entfernen Sie Zwischen-Elemente oder geben Sie ihnen role="none".
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: Code-Qualität
- ARIA-Attribute an unzulässigen Elementen
- ARIA-Rollen, die nicht zum Element passen
- Braille-ARIA-Attribute ohne gesprochene Entsprechung
- ARIA-Attribute, die für die Rolle so nicht zulässig sind
- Veraltete ARIA-Rollen im Einsatz
- Seiteninhalt ist für Hilfstechnologien ausgeblendet
- ARIA-Beschriftungen an Elementen, die keine tragen können
- ARIA-Rollen ohne erforderliche Attribute