Videos einbetten, ohne die Barrierefreiheit zu beeinträchtigen

Was ein Screenreader vorliest

Ein eingebettetes Video ist ein Rahmen von einer anderen Website, der in Ihre Seite eingesetzt ist. Ein Screenreader kündigt den Rahmen an, bevor die Person entscheidet, ob sie hineingeht. Hat der Rahmen keinen Titel, besteht die Ansage nur aus dem Wort Rahmen oder aus der Adresse des Videodienstes. Niemand kann daraus erkennen, ob es eine Botschaft der Leitung ist oder eine Hintergrundschleife.

Die Korrektur ist ein title-Attribut am Rahmen, das sagt, was das Video ist: die Grundsatzrede der Jahresversammlung, ein Rundgang durch die neue Klinik. Automatische Prüfungen melden sein Fehlen auf jeder Seite, und es ist der häufigste einzelne Befund zur Barrierefreiheit auf den Websites von Organisationen, die wir scannen.

Untertitel sind Pflicht

Aufgezeichnetes Video mit Sprache braucht nach WCAG 2.1 auf Stufe AA Untertitel, dem Standard für Barrierefreiheit, auf den sich jede öffentliche Stelle und die meisten Fördergeber berufen. Automatische Untertitel des Videodienstes sind nur ein Ausgangspunkt. Sie verfehlen Namen, Zahlen und jeden mit Akzent, und eine falsche Zahl in einem Untertitel ist schlimmer als gar kein Untertitel.

Planen Sie Budget für korrigierte Untertitel ein. Der Videodienst erlaubt Ihnen, den automatischen Text direkt zu bearbeiten, und ein zehnminütiges Video braucht etwa eine halbe Stunde zur Korrektur. Untertitel machen das Video außerdem durchsuchbar, und sie erlauben das Ansehen ohne Ton, so wie die meisten Menschen auf dem Smartphone Videos ansehen.

Nichts startet von allein

Ton, der von selbst startet, übertönt die Ausgabe, auf die Menschen mit Screenreader angewiesen sind, und er stört alle anderen. Der Standard ist eindeutig: kein Ton, der automatisch länger als drei Sekunden spielt, es sei denn, es gibt ein Bedienelement, um ihn zu stoppen. Lassen Sie die automatische Wiedergabe aus. Braucht eine Seite einen bewegten Hintergrund, halten Sie ihn stumm, kurz und leicht anzuhalten.

Ein Transkript, oder zumindest eine Zusammenfassung

Manche Besucher können das Video gar nicht nutzen: jemand mit langsamer Verbindung, jemand, dessen Büronetz den Videodienst sperrt, eine taubblinde Person mit Braillezeile. Ein Transkript unter dem Video funktioniert für sie, und es ist zugleich Text, den Suchmaschinen indexieren können. Wenn kein vollständiges Transkript verfügbar ist, ist eine Zusammenfassung in zwei Absätzen das vertretbare Minimum.

Umsetzung in WordPress

Der Standard-Block zum Einbetten nimmt einen Link entgegen und bietet kein Feld für einen Rahmentitel. Der verlässliche Weg ist ein Block für individuelles HTML mit dem Einbettungscode des Videodienstes, von Hand bearbeitet.

Dasselbe Snippet löst zwei weitere Probleme. Das Attribut lazy verhindert, dass der Videoplayer lädt, bevor die Person in seine Nähe scrollt, sodass ein schwerer Player das erste Zeichnen nicht bremst. Die Datenschutz-Adresse des Dienstes, wenn er eine anbietet, verhindert, dass er Cookies setzt, bevor jemand auf Wiedergabe drückt. Das ist für den Datenschutzhinweis auf Ihrer eigenen Website wichtig.

<iframe
  src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
  title="2026 annual meeting: the executive director's report"
  loading="lazy"
  allow="picture-in-picture"
  allowfullscreen>
</iframe>

Geben Sie dem Rahmen in den Stilen der Seite eine Breite und Höhe, damit er seinen Platz hält, bevor er lädt. Sonst springt die Seite, wenn der Player ankommt, und darum ging es in einem früheren Teil dieser Reihe.

Was das kostenlose Audit findet

Das kostenlose Audit prüft Ihre Startseite mit denselben automatischen Regeln zur Barrierefreiheit, mit denen eine Prüfung der Konformität beginnt. Es meldet einen Rahmen ohne Titel namentlich, und es meldet automatische Wiedergabe, wenn der Player sie angibt. Untertitel und Transkripte kann keine Maschine prüfen, diese beiden müssen Sie also von Hand prüfen.