A: < audio>-Elemente müssen eine Untertitelung (captions track) besitzen (WCAG 1.2.1)

Bedeutung
Auswirkung
Empfehlung
Beispiele
Hinweis

Stellt sicher, dass <audio>-Elemente Untertitel besitzen.

Das bedeutet

Aufgezeichnete Audio Inhalte werden ohne synchronisierte Untertitel oder gleichwertige Text Alternative bereitgestellt. Für Nutzerinnen und Nutzer, die nicht hören können oder in lauter Umgebung sind, gehen Informationen verloren.

Auswirkung

Ohne Untertitel oder Transkript sind Inhalte nicht zugänglich. Zentrale Botschaften, Anweisungen oder Emotionen fehlen. Dies führt zu Barrieren, Abbrüchen und einem Verstoß gegen WCAG A.

Empfehlung

Für aufgezeichnetes Audio einen captions Track im <audio> Element bereitstellen (WebVTT).
Alternativ oder ergänzend ein vollständiges Transkript direkt neben dem Player verlinken oder einbetten.
Sprache und Label des Tracks setzen (srclang, label) und einen Track als default markieren.
Inhalte des VTT vollständig und zeitlich synchron erfassen, inklusive Sprecher Kennzeichnung und relevante Geräusche.

Beispiel

Problematisch

<audio controls>
  <source src="/media/podcast-01.mp3" type="audio/mpeg">
</audio>
<!-- kein captions Track, kein Transkript -->

Besser

<audio controls>
  <source src="/media/podcast-01.mp3" type="audio/mpeg">
  <track kind="captions"
         src="/media/podcast-01.de.vtt"
         srclang="de"
         label="Deutsch"
         default>
</audio>
 
<div class="sr-only" id="podcast-01-transkript-titel">Transkript Podcast Folge 1</div>
<a href="/media/podcast-01-transkript.html" aria-labelledby="podcast-01-transkript-titel">
  Vollständiges Transkript anzeigen
</a>

Hinweis

WebVTT nutzen (.vtt) und Zeitcodes korrekt pflegen.
Falls mehrere Sprachen vorhanden sind, mehrere track Elemente hinzufügen.
Für rein dekoratives Audio keinen Player anzeigen oder eine Stummschaltung anbieten.

Verknüpfte WCAG-Kriterien:
WCAG 1.2.1 - Reine Audio- und Videoinhalte