Rampsight

Alle Regeln

Textalternativen

Rahmentitel müssen sich unterscheiden

Warum das wichtig ist

Screenreader listen Rahmen nach Titel auf. Drei Rahmen namens „Video“ lassen keine Auswahl zu.

So beheben Sie es

  1. Geben Sie jedem iframe auf der Seite einen Titel, der seinen Inhalt benennt.
  2. Nehmen Sie das unterscheidende Detail mit auf — „Produktrundgang-Video“ statt „Video 1“.

Im Markup

Fehlerhaft
<iframe src="/a" title="Video"></iframe>
<iframe src="/b" title="Video"></iframe>
Korrekt
<iframe src="/a" title="Product tour video"></iframe>
<iframe src="/b" title="Customer story video"></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:

Weiterführende Quellen

Deque University zu frame-title-unique (ö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.