Zum Inhalt springen
checkfrei
Menü

iframe title: Titel für Videos und Karten richtig setzen

Stand: 3. Oktober 2026 · CAZ Labs

Kurz gesagt

Jedes `<iframe>` braucht ein `title`-Attribut, das in wenigen Worten sagt, was darin steckt, zum Beispiel `title="Anfahrtskarte Praxis Huber"`. Screenreader lesen diesen Titel vor, wenn der Nutzer auf den eingebetteten Inhalt trifft. Ohne ihn hört er nur "Frame" oder, je nach Programm, ein Stück der Adresse.

Warum das wichtig ist

Ein iframe ist ein Fenster in eine andere Seite: das YouTube-Video, die Google-Karte, das Buchungs-Widget, der Instagram-Feed. Für Screenreader ist jedes dieser Fenster ein eigenes Dokument, in das der Nutzer hineinspringen kann. Ob sich das lohnt, entscheidet er anhand des Namens. Steht da nur "Frame", muss er hinein und nachsehen. Bei jedem Fenster, auf jeder Seite.

In den WCAG gehört das zu 4.1.2 Name, Rolle, Wert: Bestandteile einer Seite, mit denen man interagieren kann, brauchen einen zugänglichen Namen, und ein iframe zählt dazu. Ein aria-label würde denselben Zweck erfüllen. checkfrei sucht aber gezielt nach title, und das ist auch der Weg, den die WCAG-Technik H64 beschreibt.

Ein Sonderfall ist YouTube. Der offizielle Einbettungscode bringt title="YouTube video player" mit. Damit ist der Check formal zufrieden, ein blinder Besucher weiß aber immer noch nicht, welches Video das ist. Stehen drei Videos auf der Seite, heißen alle gleich. Nimm dir die zehn Sekunden und schreib den echten Videotitel hinein.

So prüfst du es selbst

Im kostenlosen Check von checkfrei prüfen wir jedes <iframe> im ausgelieferten HTML auf ein title-Attribut. Fehlt es irgendwo, gibt es eine Warnung. Ob der Titel auch etwas taugt, siehst nur du. Von Hand gehst du so vor:

  1. Öffne den Quelltext mit Strg+U und such nach <iframe.
  2. Schau bei jedem Treffer, ob ein title="..." dabei ist und ob der Text beschreibt, was man sieht.
  3. Klick im Cookie-Banner auf "Akzeptieren" und prüf die Seite noch einmal. Viele Consent-Tools laden Videos und Karten erst jetzt, und dieses nachgeladene iframe steht nicht im Quelltext. Mit Rechtsklick auf das Video und "Untersuchen" siehst du es in den Entwicklertools.

So behebst du es

Ein guter Titel ist kurz und beschreibt den Inhalt so, dass man ihn ohne Bild versteht. "Karte" allein reicht nicht, wenn auf der Seite zwei Standorte eingebettet sind.

Wenn du ohnehin am Einbettungscode sitzt: YouTube und Google Maps übertragen schon beim Laden Daten an Google. Wie du das mit einem Vorschaubild löst, steht unter eingebettete Fremddienste.

WordPress

Bettest du ein YouTube-Video über den Einbettungs-Block ein, übernimmt WordPress in aktuellen Versionen den Videotitel als title. Code für Google Maps und andere Dienste im Block "Individuelles HTML" musst du selbst ergänzen: Füg einfach title="..." in das iframe-Tag ein.

Plugins für Cookie-Einwilligung und Zwei-Klick-Lösungen erzeugen das iframe oft selbst. Prüf nach der Einwilligung, ob dort ein Titel steht, und such in den Plugin-Einstellungen nach einem passenden Feld.

HTML

Kopier den Einbettungscode des Dienstes und ergänze oder ersetze das title-Attribut. Der Einbettungscode von Google Maps bringt in der Regel gar keins mit.

html
<!-- Google Maps: title selbst ergänzen -->
<iframe
  src="https://www.google.com/maps/embed?pb=..."
  title="Anfahrtskarte Praxis Huber, Bahnhofstraße 12"
  width="600" height="450" loading="lazy"></iframe>

<!-- YouTube: Standardtitel ersetzen -->
<iframe
  src="https://www.youtube-nocookie.com/embed/VIDEO-ID"
  title="Video: So läuft eine Erstberatung bei uns ab"
  width="560" height="315" allowfullscreen></iframe>

Next.js

In JSX heißt das Attribut ebenfalls title. Baust du eine eigene Komponente für Videos oder Karten, mach title zur Pflicht-Eigenschaft. Dann meldet sich schon TypeScript, wenn jemand es vergisst.

Typische Fehler

  • Unsichtbare iframes ohne Titel, etwa aus dem noscript-Teil des Google Tag Managers. Im Quelltext tauchen sie trotzdem als iframe auf. Gib ihnen ein kurzes title oder lass den noscript-Teil weg, wenn du ihn nicht brauchst.
  • Derselbe Titel für mehrere iframes. Dreimal "YouTube video player" ist formal korrekt und praktisch nutzlos.
  • Technische Titel wie "iframe", "embed" oder "map-widget-1". Der Titel ist für Menschen gedacht.

So prüft checkfrei

Wir prüfen jedes <iframe> auf ein title-Attribut. Fehlt es, gibt es eine Warnung.

Gewicht 1 von 3 im Bereich Barrierefreiheit.

Häufige Fragen

Was sollte im title eines iframes stehen?

Eine kurze Beschreibung des Inhalts, die man ohne das Bild versteht, etwa "Video: Anleitung zum Ölwechsel" oder "Anfahrtskarte Filiale Rosenheim". Ein paar Wörter reichen. Dateinamen und technische Bezeichnungen haben dort nichts zu suchen.

Reicht aria-label statt title?

Für Screenreader ja, aria-label gibt dem iframe ebenfalls einen Namen. checkfrei sucht aber gezielt nach title. Nimm title, das ist seit Jahren der etablierte Weg und funktioniert überall.

Braucht auch ein unsichtbares iframe einen Titel?

Ist es wirklich ausgeblendet, etwa mit display: none, ignorieren Screenreader es. Ein Titel kostet trotzdem nichts und räumt die Warnung im Check ab.

Jetzt deine Seite prüfen

checkfrei prüft Titel für eingebettete Inhalte und 68 weitere Punkte in einem Durchgang. Kostenlos und ohne Anmeldung.