<video>-Elemente müssen Untertitel haben

Hören
WCAG 2.2 Level A
Von Menschen für Menschen geschrieben und recherchiert
Foto des Experten
Ritvik Shrivastava
Fachmännisch überprüft von
Kommentare: 0
Ihre gesamte Domain
Erhalten Sie detaillierte Anweisungen, wie Sie jedes Barrierefreiheitsproblem auf Ihrer Website beheben können

Ein HTML5-Videoelement muss ein <track>-Element mit kind=”captions” enthalten. Untertitel sollten alle bedeutungsvollen Audioinhalte vermitteln, einschließlich Dialoge, musikalischer Hinweise und Soundeffekte.

Warum es wichtig ist

Wenn ein Video keine Untertitel hat, haben gehörlose oder schwerhörige Nutzer nur eingeschränkten oder gar keinen Zugang zu den darin enthaltenen Informationen.

Behebung des Problems

Alle Videoelemente müssen über ein <track>-Element mit kind=”captions” verfügen, um Untertitel bereitzustellen.

Untertitel sollten nicht nur Dialoge enthalten, sondern auch angeben, wer spricht, sowie nicht-sprachliche Informationen wie Geräusche oder Musik beschreiben, wenn sie für das Verständnis des Inhalts relevant sind.

Gutes Codebeispiel

Der folgende Code zeigt, wie man zwei verschiedene Untertitelspuren hinzufügt – eine auf Deutsch und eine auf Spanisch:

Codebeispiel
<video width="300" height="200"> <source src="meinVideo.mp4" type="video/mp4"> <track src="untertitel_de.vtt" kind="captions" srclang="de" label="deutsche_untertitel"> <track src="untertitel_es.vtt" kind="captions" srclang="es" label="spanische_untertitel"> </video> Kopieren

Testfälle

Für weitere Beispiele besuchen Sie die ACT Rules Library der W3C auf GitHub.