Titel für iframes: Eingebettete Inhalte zugänglich benennen
iframes ohne title-Attribut bleiben für Screenreader anonym. So benennen Sie eingebettete Karten, Videos und Widgets eindeutig und aussagekräftig.
Inhaltsverzeichnis
Eingebettete Bereiche Ihrer Seite — etwa eine Karte oder ein Video — tragen keinen für Vorlese-Software erkennbaren Namen. Blinde Besucher erfahren dann nicht, was sich darin verbirgt. EverAudit prüft jedes <iframe> gegen WCAG 4.1.2 und meldet fehlende oder mehrdeutige Titel als kritischen Befund.
Was ist das Problem?#
Ein <iframe> bettet eine vollständig eigenständige Seite in Ihre Website ein — eine Google-Maps-Karte, ein YouTube-Video, ein Buchungs- oder Bewertungs-Widget. Für sehende Besucher ist meist auf einen Blick klar, was sich darin befindet. Für Screenreader-Nutzer ist ein iframe zunächst nur ein weiterer Navigationspunkt in der Seite — ohne title-Attribut kündigt der Screenreader ihn lediglich als „Frame" an, ohne jeden Hinweis auf den Inhalt.
Kommen mehrere iframes auf einer Seite vor — etwa zwei eingebettete Videos —, reicht ein vorhandener Titel allein nicht: Tragen beide denselben oder gar keinen unterscheidbaren Titel, können Nutzer sie nicht auseinanderhalten.
Warum prüft EverAudit das?#
frame-title wird als prio1-Befund geführt, weil ein unbenannter iframe für Screenreader-Nutzer eine Blackbox bleibt — sie müssen entweder blind hineinnavigieren oder den Bereich überspringen und verpassen dadurch möglicherweise relevante Inhalte wie eine Anfahrtsbeschreibung oder ein erklärendes Video. Die Regel betrifft typischerweise wiederkehrende Embeds (Kontaktseite mit Karte, Produktseiten mit Video), sodass ein einzelner Fund oft ein wiederverwendetes Template betrifft.
Welche Auswirkung hat das?#
Betroffene Besucher können nicht einschätzen, ob der eingebettete Inhalt für sie relevant ist, und überspringen ihn möglicherweise ungewollt — etwa eine wichtige Anfahrtskarte oder ein Erklärvideo zur Produktnutzung. Bei mehreren gleich benannten iframes verlieren Nutzer zusätzlich die Orientierung, welcher Inhalt zu welchem Frame gehört.
Wie beheben Sie fehlende iframe-Titel?#
Geben Sie jedem <iframe> ein beschreibendes title-Attribut, das den Inhalt konkret benennt:
<!-- fehlt: title-Attribut -->
<iframe src="https://maps.example.com/embed?…"></iframe>
<!-- korrigiert -->
<iframe
src="https://maps.example.com/embed?…"
title="Anfahrtskarte zu unserem Standort in Berlin"
></iframe>Bei mehreren iframes auf derselben Seite: Titel eindeutig unterscheidbar formulieren.
<iframe src="video-anleitung-1.mp4" title="Produktvideo: Inbetriebnahme"></iframe>
<iframe src="video-anleitung-2.mp4" title="Produktvideo: Wartung und Pflege"></iframe>Konkretes Vorgehen:
- Alle iframes je Template identifizieren — EverAudit nennt die konkrete Fundstelle.
- Inhalt statt Technik beschreiben — „Anfahrtskarte", nicht „Google-Maps-Embed" oder „iframe".
- Bei mehreren iframes auf einer Seite eindeutige, unterscheidbare Titel vergeben.
- Bei Drittanbieter-Widgets prüfen, ob eine
title-Konfiguration über den Einbettungscode möglich ist — viele Anbieter (Kartendienste, Video-Plattformen) bieten das an. - Im CMS-Template zentral setzen, wenn das Embed über eine wiederverwendbare Komponente eingebunden wird, statt es auf jeder Seite manuell zu pflegen.
Fazit#
Ein title-Attribut ist der einfachste Weg, eingebettete Inhalte für Screenreader-Nutzer verständlich zu machen — es kostet keinen Gestaltungsspielraum und lässt sich bei wiederverwendeten Embeds zentral in der Komponente pflegen, statt Seite für Seite nachgetragen zu werden.
Häufige Fragen
Warum braucht ein iframe überhaupt einen title?
Ein iframe bettet eine ganze eigenständige Seite oder Anwendung ein — Google Maps, ein YouTube-Video, ein Buchungswidget. Ohne title kündigt ein Screenreader nur „Frame“ an, ohne zu sagen, was sich darin befindet, sodass Nutzer nicht einschätzen können, ob sie hineinspringen wollen.
Was ist der Unterschied zwischen frame-title und frame-title-unique?
frame-title prüft, ob ein title-Attribut überhaupt vorhanden ist. frame-title-unique prüft zusätzlich, ob mehrere iframes auf derselben Seite unterscheidbare Titel haben — zwei Karten mit demselben Titel „Karte“ lassen sich sonst nicht auseinanderhalten.
Reicht ein generischer Titel wie 'iframe' oder 'Embed'?
Nein, das erfüllt zwar formal die Regel, hilft aber niemandem — der Titel muss den Inhalt beschreiben, etwa „Anfahrtskarte zu unserem Standort“ oder „Produktvideo: Bedienung des Geräts“.
Gilt das auch für Cookie-Consent-Iframes von Drittanbietern?
Ja, sofern Sie das Embed selbst einbinden und den title kontrollieren können. Bei Drittanbieter-Widgets, deren Markup Sie nicht direkt beeinflussen, prüfen Sie, ob der Anbieter eine Konfigurationsoption für den title bereitstellt.
EverAudit Redaktion
Fachredaktion für Web-Qualität, Barrierefreiheit und DSGVO. Wir prüfen jeden Ratgeber gegen die Kriterien unserer Audit-Engine.