La réponse courte

Les vidéos préenregistrées ont besoin de sous-titres exacts et, quand des détails visuels importants ne sont pas dits, d'une audiodescription ou d'une solution texte. Le contenu audio seulement, comme les balados, a besoin d'une transcription. Les médias ne doivent jamais démarrer seuls avec le son, et les lecteurs doivent fonctionner au clavier avec des commandes nommées.

À retenir

  • Les sous-titres aident les personnes sourdes ou malentendantes et quiconque regarde sans le son.
  • Les sous-titres automatiques sont un début; relisez-les et corrigez-les toujours.
  • Les balados et extraits audio ont besoin d'une transcription.
  • Décrivez à voix haute les éléments visuels clés, ou offrez une audiodescription.
  • Pas de lecture automatique avec le son. Offrez un bouton pause pour tout ce qui bouge.

La vidéo est partout sur les sites modernes : démos de produits, témoignages, arrière-plans de bannières. Chacune devient un obstacle pour quelqu’un si elle n’a pas de sous-titres, pas de transcription ou des commandes inaccessibles. Les corrections relèvent surtout de l’habitude.

Ce que demandent les WCAG

  • Sous-titres pour la vidéo préenregistrée (1.2.2, niveau A)
  • Transcription ou équivalent pour l’audio seul et la vidéo seule (1.2.1, niveau A)
  • Audiodescription pour la vidéo préenregistrée (1.2.5, niveau AA)
  • Sous-titres pour la vidéo en direct (1.2.4, niveau AA)
  • Contrôle du son : un son qui joue plus de 3 secondes doit pouvoir être mis en pause ou arrêté (1.4.2, niveau A)
  • Mettre en pause, arrêter, masquer : tout ce qui bouge plus de 5 secondes doit pouvoir être mis en pause (2.2.2, niveau A)

Étape par étape

  1. Listez vos médias

    Repérez chaque vidéo, extrait audio, balado et bannière animée de votre site, en commençant par les pages les plus vues.

  2. Ajoutez des sous-titres

    Générez les sous-titres dans YouTube, Vimeo ou votre logiciel de montage, puis corrigez les noms, les termes et la ponctuation. Téléversez-les comme fichier de sous-titres (.vtt ou .srt), pas incrustés dans l’image.

  3. Rédigez des transcriptions

    Publiez une transcription texte sous les balados et extraits audio. Pour les vidéos, une transcription aide aussi les personnes qui préfèrent lire et les moteurs de recherche.

  4. Couvrez les éléments visuels

    Pendant le tournage, dites ce qui est à l’écran (« Comme on le voit sur ce graphique, les ventes ont doublé »). Pour les vidéos où l’image porte le sens sans paroles, ajoutez une audiodescription ou une version texte.

  5. Corrigez la lecture

    Désactivez la lecture automatique avec le son. Assurez-vous que le lecteur s’utilise au clavier et que ses commandes ont des noms qu’un lecteur d’écran peut lire.

Vidéos d’arrière-plan et animations

Les vidéos en boucle dans les bannières sont jolies, mais elles peuvent distraire les personnes qui ont des troubles de l’attention et donner la nausée à certaines personnes qui ont des troubles vestibulaires. Ajoutez un bouton pause visible et respectez le réglage prefers-reduced-motion en CSS. Le widget d’Accessible Nord offre une option « Arrêter les animations » que les visiteurs peuvent activer, mais votre propre bouton pause reste la bonne solution.

Lecteurs intégrés

Les intégrations YouTube et Vimeo sont plutôt accessibles, mais donnez à chaque iframe un attribut title (« Vidéo de démonstration du produit ») pour que les utilisateurs de lecteurs d’écran sachent ce que c’est. Accessible Nord signale à chaque analyse les iframes sans titre et les vidéos sans piste de sous-titres.

Ensuite, assurez-vous que le texte autour de vos médias est facile à lire. Voyez comment vérifier le contraste des couleurs.

Sources

La plupart des sources sont des documents officiels en anglais.

  1. W3C WAI: Making audio and video media accessible
  2. Understanding WCAG 2.2: Captions (Prerecorded) (1.2.2)
  3. Understanding WCAG 2.2: Audio Control (1.4.2)

Dernière révision le .

Questions fréquentes

Quelle est la différence entre sous-titres et sous-titres codés?

Les sous-titres codés pour malentendants incluent les paroles et les sons importants (comme [porte qui claque] ou [musique]) pour les personnes qui n'entendent pas. Les sous-titres de traduction rendent seulement les paroles, pour les personnes qui entendent mais ne comprennent pas la langue.

Les sous-titres automatiques de YouTube suffisent-ils?

Ils font un bon premier jet, mais ratent souvent les noms, les termes techniques et la ponctuation. Relisez-les et corrigez-les avant de vous y fier.

Les vidéos des réseaux sociaux ont-elles aussi besoin de sous-titres?

Oui, pour les mêmes raisons, et beaucoup de gens regardent les vidéos sociales sans le son. La plupart des plateformes permettent de téléverser ou de corriger les sous-titres.

Ce guide est de l'information générale, pas un avis juridique. Pour vos obligations précises, consultez un avocat ou votre organisme de réglementation.