Control del audio
Todo audio que se reproduzca automáticamente durante más de tres segundos debe disponer de un control de pausa, detención o volumen independiente del volumen del sistema, para que no enmascare la voz del lector de pantalla.
Qué se exige
Si una página reproduce audio automáticamente —un bucle de música de fondo, un vídeo que se inicia al cargar la página con sonido, un anuncio con reproducción automática— y el audio dura más de tres segundos, el usuario debe poder pausarlo, detenerlo o ajustar su volumen de forma independiente al volumen del sistema. El motivo es técnico: el lector de pantalla habla al volumen del sistema; el audio de fondo al mismo volumen enmascara la voz.
Cómo cumplir este criterio
- No reproducir audio automáticamente al cargar la página. Es el camino más sencillo hacia la conformidad.
- Si la reproducción automática es obligatoria (por ejemplo, una página de experiencia multimedia específica), proporcionar un botón visible de pausa o detención dentro del primer viewport.
- Añadir un control de volumen independiente que no dependa del volumen del sistema operativo.
- Utilizar
<video muted>para los vídeos con reproducción automática; los navegadores modernos bloquean en todo caso la reproducción automática con sonido. - Verificar que el control de audio sea accesible por teclado y sea el primer elemento interactivo tras el inicio del audio.
Fallos habituales
- Vídeo de presentación de marketing que se reproduce automáticamente con sonido y no tiene ningún control visible de silencio.
- Bucle de música de fondo en un sitio de portfolio que se desvanece a lo largo de 5 segundos sin interruptor de apagado.
- Anuncios con reproducción automática cuyo control de silencio se encuentra dentro de un
<iframe>al que el usuario no puede enfocar. - Elementos de audio con el atributo
autoplayy sin el atributocontrols. - Vídeo de cabecera con un botón de pausa que solo aparece al pasar el cursor; los usuarios de teclado no pueden encontrarlo.
Por qué importa
Prácticamente ningún navegador moderno permite la reproducción automática con sonido, por lo que el criterio 1.4.2 ya es aplicado en buena medida por Chrome y Safari de forma automática. Aun así, conviene auditar cualquier página que utilice constructores Audio() o llamadas a play() desde JavaScript, ya que estos eluden algunas de las heurísticas de bloqueo de la reproducción automática y pueden provocar el incumplimiento de este criterio.