Addaw, ir a inicio Donar

Fallo común WCAG 2.2

F93Vídeo o audio que suena solo y no se puede parar

Nombre oficial en el W3C: Fallo del criterio de conformidad 1.4.2 debido a la ausencia de una forma de poner en pausa o detener un elemento multimedia HTML5 que se reproduce automáticamente

En pocas palabras

Este error ocurre cuando un elemento audio o video con sonido empieza solo (atributo autoplay), no está silenciado y no hay ningún botón para pausarlo o pararlo. Si dura más de 3 segundos, molesta a todos y tapa la voz del lector de pantalla. La solución es no reproducir solo o dar controles.

Por qué es importante

Un sonido que arranca solo interfiere con el lector de pantalla (programa que lee en voz alta lo que hay en la pantalla). La persona ciega no oye bien la voz que le lee la página. Además, le cuesta encontrar el reproductor para pararlo, porque no oye las instrucciones.

También afecta a personas con dificultades de concentración y a cualquiera que esté en una oficina o una biblioteca. Un vídeo promocional en bucle en la portada es el caso típico.

Cómo evitarlo

  1. Lo mejor: no use autoplay. Deje que la persona pulse «Reproducir».
  2. Si necesita reproducción automática, añada muted para que empiece sin sonido.
  3. Si el sonido debe sonar, muestre controles con controls o con botones propios para pausar, parar o bajar el volumen. Deben estar al principio de la página y funcionar con teclado.
  4. Use el atributo autoplay en lugar de forzar la reproducción con JavaScript. Así el navegador puede respetar la preferencia de la persona de no reproducir solo.

Cómo comprobarlo

  1. Cargue la página con el sonido activado y escuche si algo empieza a sonar solo.
  2. Si suena más de 3 segundos, busque un botón para pausar, parar o silenciar. Intente llegar a él con Tab.
  3. En el código, busque elementos audio o video con autoplay. Compruebe si tienen muted o controls.
  4. Si suena solo, no está silenciado y no hay forma de pararlo, hay fallo.

Ejemplo

El primer vídeo suena solo y sin controles; el segundo arranca silenciado y con controles.

<!-- Incorrecto -->
<video src="anuncio.mp4" autoplay loop></video>

<!-- Correcto -->
<video src="anuncio.mp4" autoplay muted loop controls></video>
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica F93 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

HTML

Descripción

Este fallo se produce cuando un elemento audio o video con una pista de audio contiene el atributo autoplay y no contiene el atributo muted, y no se han proporcionado controles ni comandos para poner en pausa o detener el recurso multimedia.

Cuando está presente el atributo autoplay, el agente de usuario iniciará automáticamente la reproducción del recurso multimedia tan pronto como pueda hacerlo sin detenerse. Cuando está presente el atributo muted, el agente de usuario silenciará inicialmente la salida de audio del recurso multimedia, anulando cualquier preferencia del usuario.

Si el elemento multimedia dura menos de 3 segundos, el fallo no se produce. Si el agente de usuario ofrece preferencias de usuario para anular el comportamiento de reproducción automática, el fallo no se produce.

La especificación de HTML contiene las siguientes notas:

  • Los agentes de usuario no están obligados a admitir la reproducción automática, y se sugiere que respeten las preferencias del usuario al respecto. Se insta a los autores a usar el atributo autoplay en lugar de forzar la reproducción del vídeo mediante script, de modo que el usuario pueda anular ese comportamiento si así lo desea.
  • Se insta a los autores a usar el atributo autoplay en lugar de activar la reproducción automática mediante script, ya que esto permite al usuario anular la reproducción automática cuando no la desea, por ejemplo cuando usa un lector de pantalla. También se anima a los autores a plantearse no usar en absoluto la reproducción automática y, en su lugar, dejar que el agente de usuario espere a que el usuario inicie la reproducción de forma explícita.

Ejemplos

Una pista de audio que se reproduce automáticamente

En este ejemplo, el vídeo publicitario contiene una pista de audio. El vídeo se reproducirá de forma continua debido al atributo loop, y se iniciará automáticamente debido al atributo autoplay y porque no parece haber ningún control que permita al usuario detener el vídeo.

<video src="ads.cgi?kind=video" autoplay loop></video>

Pruebas

Procedimiento

  1. Comprobar si un elemento audio o video tiene una pista de audio activa.
  2. Comprobar si el audio o el vídeo dura más de 3 segundos.
  3. Comprobar si el elemento tiene un atributo autoplay.
  4. Comprobar si el elemento no tiene un atributo muted.
  5. Comprobar si no se ha proporcionado ningún comando o control para detener o poner en pausa el elemento multimedia.

Resultados esperados

  • Si las comprobaciones n.º 1 a n.º 5 son verdaderas, se da esta condición de fallo y el contenido falla el criterio de conformidad.

Recursos

Cómo lo comprobamos en ADDAW

Este error es uno de los que buscamos en cada auditoría de ADDAW. Se lo entregamos con capturas y la forma de corregirlo.

Solicitar una auditoría

Basado en la técnica F93 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.