RGAA 4.10 — Chaque son déclenché automatiquement est-il contrôlable par l'utilisateur ?

Média en lecture automatique sans contrôle

Le problème

Ce problème survient lorsqu'un contenu audio ou vidéo se lance automatiquement au chargement de la page sans que l'utilisateur puisse le mettre en pause, l'arrêter ou en contrôler le volume. Le critère RGAA 4.10 (correspondant au WCAG 1.4.2, niveau A) exige que si un son se déclenche automatiquement pendant plus de 3 secondes, un mécanisme soit disponible pour le mettre en pause, l'arrêter ou en contrôler le volume indépendamment du volume système.

Le problème le plus grave est le son automatique qui interfère avec les lecteurs d'écran. Les utilisateurs de lecteurs d'écran écoutent une synthèse vocale en permanence : si un autre son se lance par-dessus, ils ne peuvent plus entendre leur lecteur d'écran et perdent toute capacité à naviguer sur la page pour trouver le moyen d'arrêter le son intrusif.

Les vidéos de fond en autoplay avec son, les widgets audio d'accueil, les publicités sonores et les notifications sonores automatiques sont les principales sources de ce problème. Même les vidéos en autoplay silencieuses (muted) peuvent poser problème si elles distraient les utilisateurs ayant des troubles de l'attention.

Impact sur les utilisateurs

Pour les utilisateurs de lecteurs d'écran, un son automatique est une situation de blocage critique. Leur lecteur d'écran est noyé dans le bruit et ils ne peuvent pas naviguer pour trouver le bouton de pause. Ils doivent souvent quitter la page entièrement -- une violation majeure du principe de contrôle utilisateur.

Les personnes ayant des troubles de l'attention (TDAH) sont fortement perturbées par les médias en lecture automatique, qu'ils soient sonores ou visuels. Les vidéos d'arrière-plan animées et les sons inattendus interrompent leur concentration et rendent la lecture du contenu difficile.

Pour tous les utilisateurs, un son inattendu dans un environnement calme (bureau, bibliothèque, transport) est intrusif et embarrassant. C'est l'un des anti-patterns UX les plus universellement détestés sur le web.

Votre site a-t-il ce problème ?

106 critères RGAA analysés en 5 minutes par notre IA.

Testez votre site gratuitement

Exemple de code

Avant (non conforme)

<!-- Vidéo avec son en lecture automatique -->
<video autoplay>
  <source src="/videos/intro.mp4" type="video/mp4">
</video>

<!-- Audio en lecture automatique -->
<audio autoplay>
  <source src="/audio/ambiance.mp3" type="audio/mpeg">
</audio>

<!-- Vidéo autoplay sans contrôles -->
<video autoplay loop>
  <source src="/videos/hero.mp4" type="video/mp4">
</video>

Après (conforme)

<!-- Vidéo muette avec contrôles -->
<video autoplay muted controls>
  <source src="/videos/intro.mp4" type="video/mp4">
</video>

<!-- Audio avec contrôle, sans autoplay -->
<audio controls>
  <source src="/audio/ambiance.mp3" type="audio/mpeg">
</audio>

<!-- Vidéo de fond muette avec bouton de contrôle -->
<div class="hero-video">
  <video autoplay muted loop id="hero-vid">
    <source src="/videos/hero.mp4" type="video/mp4">
  </video>
  <button onclick="toggleVideo()"
    aria-label="Mettre en pause la vidéo de fond">
    ⏸ Pause
  </button>
</div>

Comment Scrutia détecte ce problème

Scrutia détecte les éléments <video> et <audio> avec l'attribut autoplay sur chaque page. Il vérifie la présence de l'attribut muted pour les vidéos, la présence de contrôles (attribut controls ou bouton personnalisé accessible), et la durée du média. Il signale tout média en lecture automatique sans mécanisme de contrôle ou avec du son non muet. Le rapport propose des correctifs spécifiques.

Questions fréquentes

Peut-on utiliser autoplay si la vidéo est muette ?

Oui. Une vidéo en autoplay muette (muted) ne viole pas le RGAA 4.10 pour ce qui est du son. Cependant, il est recommandé de fournir un mécanisme pour mettre en pause ou arrêter la vidéo, surtout pour les utilisateurs ayant des troubles de l'attention ou des troubles vestibulaires.

Un son de moins de 3 secondes est-il autorisé ?

Le WCAG 1.4.2 tolère les sons automatiques de moins de 3 secondes. Cependant, même un son bref peut perturber un lecteur d'écran. Il est préférable d'éviter tout son automatique.

Comment contrôler le volume indépendamment du système ?

Fournissez un curseur de volume ou un bouton mute dans votre lecteur vidéo/audio. Le contrôle doit être accessible au clavier et annoncé par les lecteurs d'écran. L'attribut HTML controls fournit ces contrôles nativement.

Les navigateurs ne bloquent-ils pas l'autoplay avec son ?

La plupart des navigateurs modernes bloquent l'autoplay avec son par défaut, mais ce n'est pas garanti (l'utilisateur peut avoir changé ses paramètres, le site peut être dans une liste blanche). Ne comptez pas sur le navigateur pour respecter le critère à votre place.

Votre site a-t-il ce problème ?

Scrutia audite votre site sur 106 critères RGAA en 5 minutes. Navigation clavier, composants ARIA, focus visible, contrastes, et bien plus.

Lancer un audit gratuit