User-Aid Logo
Zurück zur Übersicht

nested-interactive

Detailinformationen zur WCAG-Regel

WCAG 2Ernsthaft

Stellen Sie sicher, dass interaktive Steuerelemente nicht verschachtelt sind, da sie nicht immer von Screenreadern angesagt werden oder Fokusprobleme für assistive Technologien verursachen können

Interaktive Elemente wie Schaltflächen, Links und Formulareingaben können nicht ineinander verschachtelt werden.

Warum ist das wichtig?

Das Verschachteln interaktiver Steuerelemente schafft eine mehrdeutige Erfahrung für assistive Technologien. Ein Screenreader kündigt das verschachtelte Element möglicherweise nicht an, oder es kann einen leeren Tabstopp erzeugen, was Tastaturbenutzer verwirrt.

Lösung

Strukturieren Sie das HTML neu, um das Verschachteln interaktiver Steuerelemente zu vermeiden. Zum Beispiel sollte eine Schaltfläche keinen Link enthalten und umgekehrt.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.