Interaktive Steuerelemente dürfen nicht verschachtelt sein
Blind
Mobilität
WCAG 2.2 Level A
Verschachtelte interaktive Steuerelemente werden von Screenreadern nicht zuverlässig erkannt und sollten daher keine fokussierbaren untergeordneten Elemente enthalten.
Warum es wichtig ist
Fokussierbare Elemente mit einem interaktiven übergeordneten Steuerelement werden von Screenreadern nicht angekündigt und erzeugen einen leeren Tab-Stopp, was die Benutzererfahrung beeinträchtigen kann.
Behebung des Problems
Überprüfen Sie alle interaktiven Steuerelemente und stellen Sie sicher, dass sie keine fokussierbaren untergeordneten Elemente enthalten.
Gutes Codebeispiel
Schlechtes Codebeispiel
Codebeispiel
<button>Speichern <a href="rules/axe/html#">Weitere Optionen</a></button>
<div role="button">Suchen <a href="rules/axe/html#">Einstellungen</a></div>
Kopieren Testfälle
Für weitere Beispiele besuchen Sie die ACT Rules Library der W3C auf GitHub.