← Alle Regeln

Tastatur

Ein iframe mit Inhalt nicht aus der Tab-Reihenfolge nehmen

• Regel: frame-focusable-content
• Schweregrad: Schwerwiegend
• WCAG-Stufe A

Warum das wichtig ist

tabindex="-1" am iframe nimmt den Rahmen aus der Tab-Folge, nicht aber die Bedienelemente darin. Die werden weiterhin angesagt, sind mit der Tastatur aber nicht mehr erreichbar.

So beheben Sie es

1. Entfernen Sie tabindex="-1" vom iframe.
2. Gibt es im Rahmen wirklich nichts zu bedienen, entfernen Sie stattdessen dessen fokussierbaren Inhalt.

Im Markup

<iframe src="/widget" title="Chat" tabindex="-1"></iframe>

<iframe src="/widget" title="Chat"></iframe>

Die Anforderung dahinter

Diese Regel ist eine Art, die folgenden WCAG-2.2-Erfolgskriterien zu verfehlen. Das W3C, das den Standard herausgibt, erläutert jedes davon:

• 2.1.1 Tastatur (öffnet in neuem Tab) — WCAG-Stufe A

Weiterführende Quellen

Deque University zu frame-focusable-content (öffnet in neuem Tab)

Deque entwickelt axe-core, die quelloffene Prüf-Engine unseres Scanners. Ihre Seite dokumentiert die Regel so, wie die Engine sie umsetzt.

Automatische Prüfungen finden Fehler, die ein Browser nachweisen kann. Ob eine Untertitelspur inhaltlich stimmt, ob ein Alternativtext wirklich hilft oder ob sich eine Seite durchgängig mit der Tastatur bedienen lässt, kann nur ein Mensch beurteilen.