WCAG 1.2.1
Audio-only en Video-only (vooraf opgenomen)
Ontvang de laatste inzichten direct in jouw mailbox
Geen zorgen, het is een maandelijkse nieuwsbrief, u kunt zich op elk moment afmelden.
Audio-only en Video-only (vooraf opgenomen)
Geen zorgen, het is een maandelijkse nieuwsbrief, u kunt zich op elk moment afmelden.
WCAG 1.2.1 vereist dat vooraf opgenomen media die alleen audio of alleen video bevatten een gelijkwaardig tekstueel alternatief hebben. Dit maakt de inhoud toegankelijk voor gebruikers die audio- of videomateriaal niet kunnen waarnemen.
Niveau: A
Categorie: Perceivable (Waarneembaar)
Audio-only media bevat alleen geluid (zoals een podcast of audioboek), terwijl video-only media alleen beeld bevat zonder geluid (zoals een stille instructievideo of animatie zonder audio). Voor beide typen media geldt dat er een alternatief in tekst moet zijn om te zorgen dat alle gebruikers volledige toegang hebben tot dezelfde informatie.
Zorg altijd voor een tekstueel alternatief bij vooraf opgenomen audio-only of video-only media.
Teksttranscript bij audio-only content:
<audio controls src="interview.mp3"></audio> <a href="transcript-interview.html">Bekijk hier het volledige transcript van het interview.</a>
Het transcript biedt een tekstueel alternatief voor gebruikers die geen audio kunnen horen.
Tekstuele beschrijving bij video-only content:
<video src="handleiding.mp4"></video> <p><a href="beschrijving-handleiding.html">Lees hier de tekstuele beschrijving van deze instructievideo.</a></p>
De tekstuele beschrijving biedt slechtziende of blinde gebruikers toegang tot de inhoud van de video.
✅ Goed voorbeeld (audio-only):
<audio controls src="podcast.mp3"></audio> <a href="podcast-transcript.html">Lees het transcript van deze podcast.</a>
Duidelijk tekstalternatief beschikbaar, waardoor dove en slechthorende gebruikers niets missen.
❌ Slecht voorbeeld (audio-only):
<audio controls src="podcast.mp3"></audio>
Geen transcript aangeboden; ontoegankelijk voor dove of slechthorende gebruikers.
✅ Goed voorbeeld (video-only):
<video src="montage-instructie.mp4"></video> <a href="tekstuele-instructie.html">Lees de instructies uit deze video.</a>
Tekstuele beschrijving aanwezig; toegankelijk voor blinde of slechtziende gebruikers.
❌ Slecht voorbeeld (video-only):
<video src="montage-instructie.mp4"></video>
Geen tekstalternatief aangeboden; ontoegankelijk voor slechtziende of blinde gebruikers.
Hoewel dit criterium vooral handmatig gecontroleerd moet worden, kun je met onderstaande tools controleren of er alternatieven aanwezig zijn: