User-Aid Logo
Zurück zur Übersicht

frame-focusable-content

Detailinformationen zur WCAG-Regel

WCAG 2Ernsthaft

Stellen Sie sicher, dass <frame>- und <iframe>-Elemente mit fokussierbarem Inhalt nicht tabindex=-1 haben

<frame>- und <iframe>-Elemente mit fokussierbarem Inhalt dürfen nicht tabindex="-1" haben.

Warum ist das wichtig?

Ein negativer Tabindex in einem Frame verhindert, dass der Browser den Fokus auf den darin enthaltenen Inhalt verschiebt. Dies führt dazu, dass Tastaturbenutzer den gesamten Inhalt innerhalb des Frames überspringen, und wenn der Frame scrollbar ist, verhindert es auch, dass reine Tastaturbenutzer ihn scrollen können.

Lösung

Vermeiden Sie die Verwendung von tabindex="-1" bei Frames, die fokussierbaren Inhalt enthalten. Wenn der Frame in der Fokusreihenfolge sein muss, verwenden Sie tabindex="0". Wenn ein Frame keinen fokussierbaren Inhalt enthält und nicht per Tastatur scrollbar sein muss, kann tabindex="-1" verwendet werden. Da sich der Inhalt ändern kann, ist es am besten, einen negativen Tabindex bei Frames gänzlich zu vermeiden.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.