Personas con visión baja o ceguera
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.
Perceptible Distinguible Nivel A WCAG 2.0, 2.1, 2.2
1.4.2 Control de audio
Meta Una página que reproduce música o sonidos no interrumpe a las personas ni interfiere con su tecnología de asistencia.
Qué hacer Si el audio se reproduce automáticamente, permitir que las personas lo bajen, lo pausen o lo apaguen de forma independiente.
Por qué importa El sonido inesperado distrae a muchas personas e interfiere directamente con los lectores de pantalla.
Criterio de éxito oficial
1.4.2 Control de audio Nivel A
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.
Requisito de no interferencia: Este criterio es especial. Cualquier contenido que no lo cumpla puede interferir con la capacidad del usuario para usar toda la página. Por ello, todo el contenido debe cumplirlo independientemente de otros criterios.
¿Qué es?
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.
El umbral de 3 segundos
3 s
0 s15 s
Permitido sin controles (≤ 3 s)
Requiere controles de audio
Incumple si no hay controles
El conflicto con lectores de pantalla
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
ejemplo.com
Conflicto de audio
Lector de pantalla
Música de fondo
✅ Con control de silencio
ejemplo.com
Silenciar audio
Lector de pantalla
Música silenciada ✓
¿Por qué importa?
- Los usuarios de lectores de pantalla necesitan escuchar la voz sintetizada sin interferencias.
- El sonido inesperado puede desorientar a personas con discapacidades cognitivas.
- El audio automático puede ser disruptivo en entornos compartidos.
Volumen del sistema vs. volumen del contenido: Silenciar el volumen del sistema no equivale a pausar el audio de la página. El control debe ser independiente: el usuario debe poder ajustar el volumen del contenido específico sin afectar al volumen de su lector de pantalla.
¿Quién se ve afectado?
Personas con discapacidades cognitivas
El audio inesperado dificulta la concentración en el contenido visual o textual y puede causar confusión o estrés.
Cómo implementar 1.4.2
Árbol de decisión
¿Tu página reproduce audio automáticamente?
No
✓ Cumple el criterio
Sí
¿Dura más de 3 segundos?
No (≤ 3 s)
✓ Cumple el criterio
Sí (> 3 s)
Proporcionar control de audio
Técnica preferida: audio solo a petición
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.
Control de silencio al inicio de la página
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:
HTML
<!-- 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>JavaScript
document.getElementById('mute-bg-audio')
.addEventListener('click', () => {
const audio = document.getElementById('bg-music');
audio.muted = !audio.muted;
});Ejemplos prácticos
Correcto — Enlace «Silencio» al inicio
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.
Correcto — Vídeo con controles completos
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.
Fallo — Música de fondo sin controles
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.
Técnicas recomendadas
| 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 |
Errores comunes
F23 — Audio automático sin control
Reproducir sonidos durante más de 3 segundos sin un mecanismo para pausar o detener el audio o controlar el volumen independientemente del sistema.
Control de silencio inaccesible
Poner el control de silencio al final de la página, en un menú de configuración oculto, o no hacerlo operable con teclado.
Asumir que el usuario puede bajar el volumen del sistema
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.