C'est quoi
Quand une page lance un son au chargement (musique de fond, vidéo en autoplay avec audio, pub sonore), cela crée un conflit immédiat avec la synthèse vocale du lecteur d'écran : deux voix se superposent. Le critère 4.10 impose une de ces solutions :
- La durée du son est inférieure ou égale à trois secondes.
- L'utilisateur dispose d'un mécanisme pour couper ou mettre en pause le son.
- L'utilisateur dispose d'un mécanisme pour régler le volume indépendamment du volume système. Le mécanisme de contrôle doit être facile d'accès, idéalement en premier élément interactif de la page, pour ne pas forcer l'utilisateur à naviguer dans le bruit.
Qui est touché
- Les personnes aveugles utilisant un lecteur d'écran : le son automatique couvre la synthèse vocale et rend la page inutilisable dès le chargement.
- Les personnes avec des troubles cognitifs ou de l'attention : un son non sollicité est déstabilisant et peut déclencher de l'anxiété.
- Les personnes en environnement public ou silencieux, qui n'anticipent pas un son au chargement d'une page.
Impact business
Pour un utilisateur de lecteur d'écran, un son automatique couvre la synthèse vocale dès le chargement. Il doit trouver et activer un contrôle audio avant même de pouvoir lire la page.
Si ce contrôle n'existe pas ou est difficile d'accès, la page est inutilisable. C'est une des erreurs les plus perturbantes de niveau A : elle bloque l'accès à l'ensemble du contenu pour les utilisateurs les plus dépendants des technologies d'assistance.
Sources des chiffres
Comment le détecter
- Audit Mynto : le scan détecte les balises
<audio autoplay>et<video autoplay>susceptibles de déclencher un son au chargement. - Manuel : charge la page avec le son activé. Si un son démarre seul et dure plus de trois secondes, cherche un contrôle pour le couper sans quitter la page.
- Vérifie aussi les vidéos embarquées (YouTube, Vimeo) intégrées avec le paramètre autoplay et l'audio activé.
Comment corriger
<!-- Vidéo avec audio qui démarre automatiquement, sans contrôle -->
<video autoplay src="intro.mp4">
Votre navigateur ne supporte pas la vidéo HTML5.
</video><!-- Option 1 : autoplay muet + contrôles visibles -->
<video autoplay muted controls src="intro.mp4">
Votre navigateur ne supporte pas la vidéo HTML5.
</video>
<!-- Option 2 : supprimer l'autoplay -->
<video controls src="intro.mp4">
Votre navigateur ne supporte pas la vidéo HTML5.
</video>La correction la plus simple : supprimer l'attribut autoplay, ou le
combiner avec muted pour une lecture muette au chargement.
Si l'autoplay avec son est indispensable (annonce sonore, alerte), place un bouton "Couper le son" ou "Mettre en pause" comme premier élément interactif de la page, avant tout autre contenu.
Sur WordPress, les blocs "Vidéo" et "Audio" de Gutenberg exposent une option "Lecture automatique" dans la barre latérale de l'éditeur : désactive-la. Pour les plugins de fond sonore, vérifie que l'option "contrôles audio" est activée et accessible au clavier.
Questions fréquentes
L'attribut muted suffit-il à rendre l'autoplay conforme ?
autoplay muted est conforme si la vidéo ne contient pas de contenu important uniquement sonore. Si la piste audio est essentielle (narration, information critique), tu dois fournir des contrôles ou une alternative textuelle.
Un fond musical de moins de trois secondes est-il autorisé ?
Oui. Le critère 4.10 autorise les sons automatiques de durée inférieure ou égale à trois secondes sans mécanisme de contrôle obligatoire.
Que faire pour les vidéos YouTube intégrées avec autoplay ?
Le paramètre ?autoplay=1 dans l'URL de l'iframe YouTube déclenche la lecture automatique avec audio. Retire ce paramètre, ou utilise ?autoplay=1&mute=1 pour une lecture muette. Les contrôles YouTube natifs servent de mécanisme de contrôle.
À lire aussi
Cette erreur est-elle sur ton site ?
Lance un audit Mynto gratuit. Tu sauras en quelques minutes si ton site est concerné, sur quelles pages, et avec quel impact.