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

• Bedeutung
• Auswirkung
• Empfehlung
• Beispiele

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

Das bedeutet

Jede Einbettung per <iframe> oder veraltetes <frame> braucht einen aussagekräftigen, nichtleeren Titel. Der title beschreibt prägnant Zweck oder Inhalt des eingebetteten Bereichs, zum Beispiel „Karte Filiale Mitte“ oder „YouTube Video Einführung Barrierefreiheit“.

Auswirkung

Ohne verständlichen Titel kündigen Screenreader die Einbettung nur als „Frame“ an. Nutzerinnen und Nutzer wissen nicht, was sie erwartet, Navigation und Orientierung werden erschwert und die Seite verstößt gegen WCAG.

Empfehlung

• Sinnvollen title setzen: kurz, eindeutig, zielbezogen; keine Platzhalter wie „frame1“ oder „content“.

• Lokalisieren: Titel in der Sprache der Seite.

• Einzigartig pro Seite, besonders bei mehreren iframes.

• Rein technische oder dekorative Einbettung: wenn für Menschen nicht relevant, aus Assistenztechnik entfernen (aria-hidden="true" und tabindex="-1") oder besser entfernen.

• Kein Ersatz durch aria Label: title bleibt maßgeblich für die Benennung von Frames.

Beispiel

Problematisch

<iframe src="/embed/video"></iframe>                 <!-- kein title -->
<iframe src="/map" title=""></iframe>               <!-- leerer title -->
<iframe src="/ads" aria-label="Anzeige"></iframe>   <!-- aria-label ersetzt title nicht -->

Besser

<iframe src="/embed/video" title="Produktvideo Barrierefreiheit"></iframe>
<iframe src="/map" title="Karte Filiale Berlin Mitte"></iframe>

Veraltete Framesets (nur zur Vollständigkeit)

<frameset cols="25%,75%">
  <frame src="nav.html" title="Navigation">
  <frame src="content.html" title="Hauptinhalt Produktdetails">
</frameset>

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