1.2.1 Audio-only und Video-only (vorab aufgenommen)

WCAG-Definition

Bei rein auditivem oder rein visuellem Material, das vorab aufgenommen wurde, ist eine Textalternative bereitzustellen, um auch Menschen mit Behinderungen den Inhalt vollständig zugänglich zu machen.

Gilt für:

Nur Audio (z. B. Podcast ohne Video) - Bereitstellung einer vollständigen Abschrift (Transcript)

Nur Video (z. B. stummes Erklärvideo) - Bereitstellung einer vollständigen Textbeschreibung der visuellen Informationen

Ausreichende Techniken (Audio-only)

Variante A: Direkt auf der Seite eingebunden

<h2>Podcast: Barrierefreiheit im Web</h2>
<audio controls>
  <source src="barrierefreiheit-podcast.mp3" type="audio/mpeg">
  Ihr Browser unterstützt kein Audio.
</audio>

<h3>Transkript</h3>
<p><strong>Sprecher:</strong> Hallo und herzlich willkommen zur heutigen Folge über Web Accessibility …</p>
<p><strong>Gast:</strong> Danke für die Einladung. Ich freue mich sehr, hier zu sein …</p>
<!-- vollständiger Dialog etc. -->

Variante B: Verlinkung zum Transkript

<audio controls>
  <source src="folge-5.mp3" type="audio/mpeg">
</audio>
<p><a href="folge-5-transkript.html">Transkript dieser Folge lesen</a></p>

Ausreichende Techniken (Video-only)

Beispiel mit HTML <video> + Beschreibung

<video autoplay loop muted width="600">
  <source src="stromkreislauf.mp4" type="video/mp4">
  Ihr Browser unterstützt das Video-Tag nicht.
</video>

<h3>Beschreibung des Videos</h3>
<p>Das Video zeigt einen animierten Stromkreis: Eine Batterie ist über Kabel mit einer Glühbirne verbunden. Der Stromfluss wird durch gelbe Punkte dargestellt, die sich durch die Leitung bewegen. Beim Einschalten leuchtet die Glühbirne auf.</p>

Alternativ: Beschreibung auslagern und verlinken

<video autoplay muted loop width="600">
  <source src="funktionsweise-motor.mp4" type="video/mp4">
</video>
<p><a href="#video-beschreibung">Langbeschreibung anzeigen</a></p>

<div id="video-beschreibung">
  <h2>Beschreibung: Funktionsweise eines Elektromotors</h2>
  <p>In der Animation sieht man, wie durch magnetische Wechselwirkung eine Welle rotiert …</p>
</div>

Beratungstechniken

Diese sind nicht zwingend, aber empfohlen, um die Zugänglichkeit zu verbessern:

  • Bereitstellung synchronisierter Untertitel für Videos, auch wenn sie stumm sind (z. B. mit Musik oder visuellen Symbolen)

  • Audio-Deskription als Alternative zur schriftlichen Beschreibung

  • Bereitstellung des Transkripts in mehreren Formaten (z. B. HTML, PDF, TXT)

Fehler

Das sind typische Fehler, bei denen das Erfolgskriterium nicht erfüllt ist:

  • F30: Bereitstellung von Audio oder Video ohne Textalternative
    → Beispiel: Eine MP3-Datei wird abgespielt, aber es gibt kein Transkript.

  • Ein stummes Anleitungsvideo zeigt eine komplexe Handbewegung, aber keine schriftliche Beschreibung, was dort passiert.
    → Menschen mit Sehbehinderung haben keinen Zugang zur Information.