Interaktive Steuerelemente dürfen nicht verschachtelt sein

Blind Mobilität
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Foto des Experten
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare: 0
Ihre gesamte Domain
Erhalten Sie detaillierte Anweisungen, wie Sie jedes Barrierefreiheitsproblem auf Ihrer Website beheben können

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

Codebeispiel
<button>Absenden</button> Kopieren

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.