Zum Inhalt springen
EUID Prüfservice & Prüfsiegel, Startseite
Website prüfen lassen

Prüfpunkt 1.2.2Stufe AAudio und Video

SRT oder VTT: welche Untertitel-Datei brauche ich?

Für ein Video, das auf Ihrer eigenen Website läuft, brauchen Sie eine VTT-Datei. Das track-Element, mit dem der Browser Untertitel ans Video hängt, ist für dieses Format gemacht. Für YouTube genügt SRT, dort geht auch VTT. Hat Ihnen die Videoproduktion nur SRT geliefert, wandeln Sie die Datei mit wenigen Änderungen um.

Beide Dateien sind Text, der Unterschied steckt in wenigen Zeichen

SRT und VTT sind einfache Textdateien, die Sie in jedem Editor öffnen können. Eine SRT-Datei nummeriert ihre Einträge und trennt in der Zeitangabe die Millisekunden mit einem Komma: 00:00:00,599. Eine VTT-Datei beginnt mit dem Wort WEBVTT in der ersten Zeile, gefolgt von einer Leerzeile, und setzt vor die Millisekunden einen Punkt: 00:00:00.599. Deshalb reicht es nicht, die Datei umzubenennen. Beide Änderungen müssen im Text stehen, dazu die Speicherung in UTF-8, der Zeichenkodierung, die das VTT-Format vorschreibt.

VTT nennt den Sprecher und legt die Position fest

Untertitel für Barrierefreiheit sagen auch, wer gerade spricht. In VTT gibt es dafür ein eigenes Zeichen: <v Anna> ordnet den Eintrag der Stimme von Anna zu. Außerdem lässt sich jeder Eintrag im Bild verschieben, etwa nach oben, wenn unten eine Einblendung steht. Bei SRT liest YouTube keine Stilangaben; bei VTT unterstützt es die Position und als Schriftstil nur fett, kursiv und unterstrichen.

Diese Angaben im Code lassen die Untertitel erscheinen

Das track-Element steht im video-Element und zeigt mit src auf die Datei. kind="captions" meint Sprache und Geräusche; ohne diese Angabe gilt die Spur als subtitles, also als Text für Menschen, die den Ton hören, aber nicht verstehen. srclang nennt die Sprache, label den Namen in der Auswahl des Abspielers, und default schaltet die Spur ein. Das darf nur eine Spur je Video. Liegt die Datei auf einer anderen Adresse als die Seite, braucht das video-Element zusätzlich das Attribut crossorigin. Der Server kennzeichnet die Datei mit dem Typ text/vtt.

Bei YouTube gehört die Datei zu YouTube

Betten Sie ein YouTube-Video ein, laden Sie die Untertitel bei YouTube hoch, nicht auf Ihre Website. YouTube nimmt SRT an, wenn die Datei in einfachem UTF-8 gespeichert ist, und auch VTT. Auf Ihrer Seite steht dann nur der Einbettungscode. Der Zusatz cc_load_policy=1 in der Adresse zeigt die Untertitel schon beim Laden, cc_lang_pref=de wählt die Sprache.

Beispiele

Aus SRT wird VTT

Nicht erfüllt
1
00:00:00,599 --> 00:00:04,160
Anna: Willkommen bei unserem Rundgang.
Erfüllt
WEBVTT

00:00:00.599 --> 00:00:04.160
<v Anna>Willkommen bei unserem Rundgang.

Die Kopfzeile kommt dazu, das Komma wird zum Punkt, und der Sprecher steht als Stimme im Eintrag.

Die Datei am Video

Nicht erfüllt
<video controls src="rundgang.mp4">
  <track src="rundgang.srt">
</video>
Erfüllt
<video controls src="rundgang.mp4">
  <track kind="captions" srclang="de" label="Deutsch" src="rundgang.vtt" default>
</video>

Die Spur zeigt auf die VTT-Datei, nennt Art, Sprache und Namen und ist beim Laden eingeschaltet.

So gehen Sie es an

  1. Schreiben Sie in den Auftrag an die Videoproduktion, dass sie eine VTT-Datei für Ihre Website liefert. Eine SRT-Datei für YouTube kommt bei Bedarf dazu.
  2. Öffnen Sie das Video nach dem Einbau im Browser und schalten Sie die Untertitel ein: Steht die Sprache in der Auswahl, stimmen Umlaute und Zeitpunkte?
  3. Wiederholen Sie die Probe nach jedem Umzug der Videodateien, denn die Adresse in src muss noch stimmen.

Mehr zu diesem Thema

Weiter im Prüfbereich Barrierefreiheit

Dieser Prüfpunkt gehört zum Prüfbereich Barrierefreiheit; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.

  • Siegel Digitale Barrierefreiheit
  • Siegel Daten & Recht
  • Siegel Technische Qualität
  • Siegel Digital Excellence
  • Siegel Cyberversicherung

Geprüft. Für eine bessere digitale Zukunft.euid.com