Si cualquier audio en una página web se reproduce automáticamente durante más de 3 segundos, hay un mecanismo disponible para pausar o detener el audio, o hay un mecanismo disponible para controlar el volumen del audio independientemente del nivel de volumen general del sistema.
Este criterio se centra en la capacidad de controlar el audio en páginas web. El objetivo es que los usuarios puedan ajustar el volumen de forma independiente en cada contenido que reproduzca audio, especialmente si la pista dura más de 3 segundos.
«Reproducción automática» se refiere al audio que no se inicia como resultado directo de una acción intencional del usuario. Si la música de fondo comienza al cargar la página, se considera reproducción automática.
Los lectores de pantalla producen voz sintetizada usando el mismo canal de audio del sistema. Si la página reproduce sonido simultáneamente, el usuario escucha ambas fuentes mezcladas y no puede entender ninguna de las dos.
❌ Autoplay sin control
✅ Con control de silencio
Dependen de lectores de pantalla cuya voz se mezcla con el audio de la página. Si no pueden controlar el audio, toda la página se vuelve inutilizable.
El audio inesperado dificulta la concentración en el contenido visual o textual y puede causar confusión o estrés.
No
Sí
No (≤ 3 s)
Sí (> 3 s)
La mejor práctica es no reproducir audio automáticamente. El audio debe iniciarse únicamente cuando el usuario lo solicite pulsando un botón de reproducción.
Si la página debe reproducir audio automáticamente, proporciona un control de silencio que sea operable con teclado, que esté al principio del orden de lectura y que sea claramente etiquetado:
<!-- Primer elemento interactivo de la página -->
<button type="button"
id="mute-bg-audio"
aria-label="Silenciar música de fondo">
🔇 Silenciar audio
</button>
<audio id="bg-music" autoplay>
<source src="fondo.mp3" type="audio/mpeg">
</audio>document.getElementById('mute-bg-audio')
.addEventListener('click', () => {
const audio = document.getElementById('bg-music');
audio.muted = !audio.muted;
});Un archivo de audio comienza al abrir la página (música ambiental en un hotel). El primer elemento interactivo es un botón etiquetado «Silenciar audio». El usuario puede seleccionarlo inmediatamente, incluso con teclado, para detener la reproducción sin afectar al volumen de su lector de pantalla.
Una página de noticias tiene un vídeo con autoplay silenciado por defecto. El usuario puede activar el sonido y tiene controles para pausar, silenciar y ajustar el volumen del vídeo de forma independiente.
Un sitio web reproduce música de fondo al cargar la página. No hay ningún botón para pausarla o silenciarla. Los usuarios de lector de pantalla no pueden usar el sitio porque la música interfiere con la voz sintetizada y no hay forma de detenerla sin salir de la página.
| Código | Técnica | Tipo |
|---|---|---|
| G60 | Reproducir un sonido que dure menos de 3 segundos | Suficiente |
| G170 | Proporcionar un control al principio de la página que desactive los sonidos que se reproducen automáticamente | Suficiente |
| G171 | Reproducir sonido solo bajo petición del usuario | Suficiente |
Reproducir sonidos durante más de 3 segundos sin un mecanismo para pausar o detener el audio o controlar el volumen independientemente del sistema.
Poner el control de silencio al final de la página, en un menú de configuración oculto, o no hacerlo operable con teclado.
El criterio requiere un control independiente del volumen del sistema. Subir o bajar el volumen del dispositivo afecta también al lector de pantalla, lo que no es una solución válida.