3️⃣ 1.2.1 - Reine Audio- oder Videoinhalte (aufgezeichnet)
A 2.0
Umsetzung, Redaktion
Textbeschreibung in
Ziel
Sicherstellen, dass reine Audio- und Videoinhalte (aufgezeichnet) für alle Nutzergruppen zugänglich sind, unabhängig von sensorischen Einschränkungen.
Beschreibung
- Reine Audioinhalte erfordern eine schriftliche Transkription, die alle gesprochenen Inhalte und relevanten Geräusche enthält.
- Reine Videoinhalte benötigen entweder eine textuelle Alternative oder eine Audiospur, die die visuellen Inhalte beschreibt.
- Inhalte, die bereits eine alternative Medienform für Text darstellen, sind ausgenommen, sofern sie entsprechend gekennzeichnet sind.
- Die bereitgestellten Alternativen müssen die gleiche Informationsqualität wie die ursprünglichen Inhalte bieten.
Anforderungen
- Bereitstellung von Transkripten für reine Audioinhalte und Textalternativen oder Audiospuren für reine Videoinhalte.
- Identifikation von Audio- und Videoinhalten, die keine vollständige audiovisuelle Darstellung bieten.
- Sicherstellen, dass Links oder
<track>-Elemente für Alternativen korrekt eingebunden sind.
- Erstellung präziser Transkripte, die Sprecher identifizieren und relevante Geräusche beschreiben.
- Entwicklung von Audiospuren oder textuellen Beschreibungen, die visuelle Inhalte detailliert erklären.
- Sichtbare und verständliche Kennzeichnung der Alternativen auf der Webseite.
- Manuelle Prüfung der Alternativen auf Vollständigkeit und Korrektheit.
- Sicherstellen, dass Transkripte und Audiospuren leicht zugänglich und klar gekennzeichnet sind.
- Testen mit assistierenden Technologien wie Screenreadern.
Code-Beispiele
Audio mit Transkript:
<audio controls> <source src="speech.mp3" type="audio/mpeg"> Ihr Browser unterstützt das Abspielen dieser Audiodatei nicht.</audio><p>Transkript: Der Vorsitzende begrüßte alle Anwesenden. [Applaus]</p>Video mit Textalternative:
<video controls> <source src="silent-video.mp4" type="video/mp4"> <track src="beschreibung.vtt" kind="descriptions" srclang="de" label="Beschreibung"></video><p>Textalternative: Das Video zeigt, wie ein Motor Schritt für Schritt montiert wird.</p>Textbeschreibung in <details>-Element:
<details> <summary>Beschreibung des Videos</summary> <p>In dem Video wird gezeigt, wie ein Automotor funktioniert. Zu Beginn sieht man...</p></details>