Critère 4.10
Contrôle du son
Les sons déclenchés automatiquement doivent être contrôlables.
En Bref : L'essentiel à retenir
- Il faut éviter de générer des sons qui gênent les utilisateurs de lecteurs d'écran.
- La solution idéale est de ne pas déclencher de son automatiquement (éviter l'autoplay).
- Si un son se lance automatiquement, il doit durer moins de 3 secondes, OU un bouton pour l'arrêter doit être facilement accessible.
- L'exemple de code montre les erreurs à éviter et les bonnes pratiques pour gérer l'audio.
Objectif
Éviter de gêner les utilisateurs de lecteurs d'écran (le son de la page couvre la voix de la synthèse vocale) ou de surprendre les utilisateurs.
Solution Technique
- Ne pas déclencher de son automatiquement (autoplay) : C'est la meilleure solution.
- Si le son se lance automatiquement :
- Il doit durer moins de 3 secondes.
- OU un bouton pour couper le son ou le mettre en pause doit être présent au début de la page et facilement accessible.
<!-- ❌ Mauvais : Autoplay sans contrôle facile -->
<audio src="musique-fond.mp3" autoplay loop></audio>
<!-- ✅ Bon : Pas d'autoplay -->
<audio src="musique-fond.mp3" controls></audio>