Warum iframes einen Titel brauchen

So funktioniert es

Ein iframe ist ein Fenster in der Seite, in dem eine andere Seite lädt: ein YouTube-Video, eine Google-Maps-Karte, ein Buchungs- oder Newsletter-Formular. Für einen Screenreader ist das ein eigener Bereich, den er beim Durchgehen ansagt.

Ohne Titel heißt dieser Bereich nur „Frame“ oder trägt eine Adresse als Namen. Wer die Seite nicht sieht, weiß dann nicht, ob sich der Inhalt lohnt oder ob er ihn überspringen kann. Mit dem Attribut title bekommt der Frame einen Namen:

<iframe src="https://www.youtube-nocookie.com/embed/…"
        title="Video: So funktioniert die Anmeldung"></iframe>

WCAG 2.2 verlangt in Kriterium 4.1.2, dass Bestandteile einer Seite einen zugänglichen Namen haben. Für Frames ist das der Titel.

Worauf es ankommt

• Ein Titel, der den Inhalt nennt. „Karte zur Anfahrt“, „Video: Produktvorstellung“, „Formular: Termin buchen“. Nicht „iframe“, „Embed“ oder den Namen des Anbieters allein.
• Jeder sichtbare Frame. Auch kleine Einbettungen wie ein Bewertungs-Widget zählen. Ein Frame, der mit hidden, display: none oder aria-hidden="true" verborgen ist, braucht keinen.
• Rein technische Frames aus der Tastaturreihenfolge. Unsichtbare Frames für Tracking oder Zahlungsdienste nimmt tabindex="-1" aus der Bedienung; sie werden dann auch nicht geprüft.
• Der Inhalt im Frame ist eine eigene Seite. Der Titel macht den Rahmen zugänglich, nicht den Inhalt. Ob das eingebettete Formular selbst barrierefrei ist, liegt beim Anbieter.

So richtest du es ein

Den Einbettungscode kopierst du meist aus dem Dienst, etwa über „Teilen · Einbetten“ bei YouTube oder Google Maps. YouTube setzt dabei einen Titel, oft nur den Videotitel; prüf ihn und ergänze bei Bedarf, worum es geht. Wo der Code keinen title hat, ergänzt du ihn selbst im HTML-Block deines CMS. Kommen Einbettungen aus einem Plugin oder einem Consent-Tool, das erst nach Zustimmung lädt, muss dessen Ausgabe den Titel mitbringen; frag beim Anbieter oder deiner Agentur nach einer Einstellung dafür.