WCAG A Votre équipe + Prestataire Moyen

Les enregistrements audio et les vidéos sans paroles publiés sur le site sont-ils accompagnés d'une transcription écrite ou d'une narration de ce qui se passe ?

Critère officiel 4.1 — Chaque média temporel pré-enregistré a-t-il, si nécessaire, une transcription textuelle ou une audiodescription (hors cas particuliers) ?

Pourquoi c'est important

Une personne sourde ne peut pas accéder à un enregistrement audio sans transcription écrite. Une personne aveugle ne peut pas accéder à une vidéo sans narration de ce qui se passe visuellement. Dans les deux cas, le contenu est totalement inaccessible.

Exemples concrets

Ce qui est conforme

L'enregistrement audio du discours du maire lors des vœux de nouvelle année est accompagné d'une transcription complète publiée juste en dessous. Toutes les personnes qui ne peuvent pas écouter l'audio peuvent lire le texte.

Ce qui pose problème

La même prise de parole est publiée uniquement en fichier audio. Les personnes sourdes ou malentendantes n'ont aucun accès au contenu du discours.

Comment agir

Pour un enregistrement audio (discours, compte-rendu de réunion de quartier), la mairie peut rédiger elle-même la transcription et la publier en texte sous le lecteur audio. Pour une vidéo sans narration (diaporama d'événement), demandez à votre prestataire d'ajouter une description des éléments visuels importants.

Règles clés

  • Vidéo avec piste audio : sous-titres synchronisés (critère 4.3) ET audiodescription si des informations visuelles non verbalisées sont présentes.
  • Vidéo sans piste audio (muette) : une alternative textuelle décrivant les informations visuelles suffit.
  • Audio seul (podcast, enregistrement) : transcription textuelle complète.
  • La transcription doit être intégrale — pas un résumé. Elle doit reproduire tous les éléments sonores et, pour une vidéo, décrire les éléments visuels informatifs.
  • Exception RGAA : si la vidéo est elle-même une alternative à un contenu textuel adjacent, l'alternative n'est pas obligatoire.

Erreurs fréquentes

  • Vidéo sans aucune alternative textuelle ni sous-titres
  • Transcription présente mais incomplète — elle résume sans retranscrire les informations visuelles pertinentes
  • Audiodescription absente sur une vidéo dont une partie significative de l'information est visuelle (démonstrations, schémas, textes affichés à l'écran)
  • Transcription placée sur une autre page sans lien depuis la vidéo
  • Podcast ou audio seul sans transcription textuelle
  • Vidéo décorative traitée comme informative (ou inversement)

Exemples de code

vidéo sans alternative

✗ Non conforme
<video src="presentation-produit.mp4" controls></video>

Vidéo sans sous-titres, sans audiodescription, sans transcription. L'intégralité de son contenu est inaccessible aux utilisateurs sourds et aux utilisateurs aveugles.

vidéo avec transcription liée

✓ Conforme
<figure>
  <video src="presentation-produit.mp4" controls
    aria-describedby="transcript-lien">
  </video>
  <figcaption id="transcript-lien">
    <a href="/transcriptions/presentation-produit">
      Lire la transcription de la présentation produit
    </a>
  </figcaption>
</figure>

La transcription est accessible via un lien adjacent explicite. aria-describedby lie programmatiquement la vidéo à son lien de transcription.

audio seul sans transcription

✗ Non conforme
<audio src="interview-maire.mp3" controls></audio>
<p>Interview du maire sur le projet de réaménagement.</p>

L'audio seul est inaccessible aux utilisateurs sourds et malentendants. Aucune alternative textuelle n'est proposée.

audio seul avec transcription intégrée

✓ Conforme
<audio src="interview-maire.mp3" controls></audio>
<details>
  <summary>Transcription — Interview du maire</summary>
  <div>
    <p><strong>[Journaliste]</strong> Bonjour Monsieur le Maire,
    pouvez-vous nous présenter le projet ?</p>
    <p><strong>[Maire]</strong> Bonjour. Ce projet vise à...</p>
    <!-- transcription complète -->
  </div>
</details>

La transcription intégrale est directement accessible sous l'audio via un élément <details>. Le <summary> est explicite sur le contenu.

Référence WCAG : 1.2.1, 1.2.3

La lettre de l'Atelier A11Y

Ressources pédagogiques, critères RGAA commentés et retours de terrain : une lettre mensuelle pour progresser sur l'accessibilité numérique, sans jargon.

  • Nouveaux articles et ressources pédagogiques
  • Critères RGAA décortiqués avec des exemples concrets
  • Bonnes pratiques et retours d'expérience terrain
S'abonner à la newsletter (s'ouvre dans un nouvel onglet)

Gratuit. Désabonnement possible à tout moment.