A: Frames müssen ein einzigartiges title-Attribut besitzen (WCAG 4.1.2)

• Bedeutung
• Auswirkung
• Empfehlung
• Beispiele

Stellt sicher, dass <iframe> und <frame> Elemente ein einzigartiges title Attribut besitzen.

Das bedeutet

Auf einer Seite mit mehreren Einbettungen braucht jede Einbettung einen eigenen, sprechenden Titel. Identische Titel wie „Frame“, „Karte“ oder „Video“ helfen nicht. Der Titel beschreibt kurz Zweck oder Inhalt und unterscheidet sich pro Einbettung, zum Beispiel „Karte Filiale Mitte“ und „Karte Filiale West“.

Auswirkung

Wenn mehrere Frames denselben Titel tragen, kündigen Screenreader jeden Eintrag gleich an. Nutzerinnen und Nutzer verlieren Orientierung, überspringen wichtige Inhalte oder verlassen die Seite. Das führt zu Barrieren bei Navigation und Verständnis und verletzt die WCAG.

Empfehlung

• Einzigartige, präzise Titel vergeben: Inhalt und Kontext nennen (Abschnitt, Standort, Schritt).

• Aus der Seite ableiten: Überschrift, Produktname oder Ort in den Titel übernehmen.

• Sprache beachten: Titel in der Seitensprache formulieren.

• Technische oder dekorative Einbettungen: für Assistenztechnik ausblenden (aria-hidden="true" und tabindex="-1") oder entfernen.

• Kein Platzhalter wie „frame1“, „content“, „embed“.

Beispiel

Problematisch

<!-- drei iframes mit demselben, nichtssagenden Titel -->
<iframe src="/map/mitte"    title="Karte"></iframe>
<iframe src="/map/west"     title="Karte"></iframe>
<iframe src="/video/intro"  title="Video"></iframe>

Besser

<iframe src="/map/mitte"   title="Karte Filiale Berlin Mitte"></iframe>
<iframe src="/map/west"    title="Karte Filiale Berlin West"></iframe>
<iframe src="/video/intro" title="Einführung Barrierefreiheit – Produktvideo"></iframe>
 
<!-- rein werbliche Einbettung für Menschen nicht relevant -->
<iframe src="/ads/slot-1" title="Werbefläche" aria-hidden="true" tabindex="-1"></iframe>

Verknüpfte WCAG-Kriterien:
WCAG 4.1.2 - Name, Rolle, Wert