Técnica Técnicas generales WCAG 2.2
G171Reproducir sonidos solo cuando la persona lo pida
Nombre oficial en el W3C: Reproducir sonidos solo a petición del usuario
En pocas palabras
La forma más segura de que el sonido de una web no moleste es que nunca empiece solo. Música, vídeos y efectos sonoros se reproducen únicamente cuando la persona pulsa un botón o un enlace. Así no se tapa la voz del lector de pantalla y cada uno decide cuándo escuchar.
Por qué es importante
Quien usa un lector de pantalla (programa que lee en voz alta la pantalla) necesita oírlo con claridad. Si la página empieza a sonar sola, la música tapa la voz y cuesta incluso encontrar cómo apagarla.
Los sonidos inesperados también sobresaltan o distraen a personas con dificultades de atención. Y molestan a cualquiera en una oficina o en el transporte público.
Cómo se hace
- No use el atributo
autoplayen elementos de audio o de vídeo con sonido. - No lance sonidos con JavaScript al cargar la página.
- Ofrezca un botón o enlace claro para iniciarlos: «Escuchar el himno» o «Activar sonido».
- Una vez en marcha, ofrezca también la forma de pararlos, por ejemplo cambiando el botón a «Desactivar sonido».
- Si enlaza un archivo de sonido, indique el formato en el texto: «Escuchar la entrevista (MP3)».
Cómo comprobarlo
- Abra la página con el sonido del equipo activado.
- Compruebe que no suena nada sin que usted haga nada.
- Busque el botón o enlace para reproducir el sonido y compruebe que funciona con el teclado.
- En el código, busque
autoplayen las etiquetas de audio y vídeo.
Ejemplo
Audio que solo suena al pulsar el botón de reproducir, porque no lleva autoplay:
<p>Canción del 50 aniversario del colegio:</p>
<audio controls src="cancion-aniversario.mp3">
<a href="cancion-aniversario.mp3">Descargar la canción (MP3)</a>
</audio>
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 G171 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
Todas las tecnologías que pueden reproducir sonido.
Descripción
El propósito de esta técnica es permitir que el usuario controle el uso de los sonidos en el contenido web. A una persona que utiliza un lector de pantalla puede resultarle muy molesto y difícil escuchar su lector de pantalla si, además, salen sonidos del contenido web. Ofrecer una forma de reproducir los sonidos solo a petición dará al usuario el control necesario para escuchar cualquier sonido u otro audio sin que interfiera con la salida de su lector de pantalla.
Ejemplos
Una página web de una sociedad para la conservación de la ballena gris tiene un sonido de fondo en bucle con el canto de las ballenas grises. También hay sonidos de agua salpicando. Los sonidos no empiezan a reproducirse automáticamente. En su lugar, el contenido web ofrece un enlace en la parte superior de la página que permite al usuario iniciar los sonidos manualmente. El botón dice «Turn sounds on» (Activar los sonidos). Tras pulsar el botón «turn sounds on», se oyen los sonidos. A continuación se presenta al usuario la opción «turn sounds off» (desactivar los sonidos).
Se proporciona un enlace a un archivo de sonido que incluye los sonidos de las ballenas grises. El texto del enlace dice «Hear the song of the grey whale (mp3)» (Escuche el canto de la ballena gris (mp3)).
Pruebas
Procedimiento
- Cargar una página web que se sabe que contiene sonidos que se reproducen durante 3 segundos o más.
- Comprobar que ningún sonido se reproduce automáticamente.
- Comprobar que existe una forma de que el usuario inicie los sonidos manualmente.
Resultados esperados
- La comprobación n.º 3 es verdadera.
Cómo lo comprobamos en ADDAW
En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.
Basado en la técnica G171 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.