User-Aid Logo
Zurück zur Übersicht

aria-text

Detailinformationen zur WCAG-Regel

Best PracticeErnsthaft

Stellen Sie sicher, dass role="text" für Elemente ohne fokussierbare Nachkommen verwendet wird

Ein Element mit `role="text"` sollte keine fokussierbaren Nachkommen enthalten.

Warum ist das wichtig?

Die `role="text"` wird verwendet, um mehrere Textknoten für Screenreader zu einem einzigen Element zusammenzufassen. Wenn dieses Element fokussierbare untergeordnete Elemente (wie Links oder Schaltflächen) enthält, werden diese nicht korrekt angekündigt, was zu einem leeren Tabstopp führt und Benutzer daran hindert, mit ihnen zu interagieren.

Lösung

Entfernen Sie alle fokussierbaren Elemente aus einem Element mit `role="text"`. Wenn die fokussierbaren Elemente notwendig sind, strukturieren Sie das HTML neu, um sie außerhalb des `role="text"`-Containers zu verschieben.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.