Técnica HTML WCAG 2.2
H96Añadir la audiodescripción de un vídeo con el elemento track
Nombre oficial en el W3C: Usar el elemento track para proporcionar audiodescripción
En pocas palabras
El elemento track puede llevar un archivo de texto con la descripción de lo que se ve en el vídeo. El reproductor lee esas descripciones con voz sintética en las pausas del diálogo. Hoy los navegadores no lo hacen por sí solos: hace falta un reproductor o un script que añada esa función.
Por qué es importante
Una persona ciega oye el sonido de un vídeo, pero se pierde lo que solo se ve. Por ejemplo, un cartel con una fecha, un gesto o el nombre de quien habla escrito en pantalla.
La audiodescripción (narración que cuenta lo que pasa en la imagen) cubre ese hueco. Con esta técnica se escribe como texto, así que es fácil de editar y de traducir.
Cómo se hace
- Escriba las descripciones en un archivo WebVTT (formato de texto con tiempos de inicio y fin), por ejemplo
audiodescripcion.vtt. - Coloque cada descripción en un silencio del vídeo. Si el texto es más largo que la pausa, la voz se cortará.
- Añada dentro de
<video>un<track kind="descriptions">consrc,srclangylabel. - Si el vídeo tiene versiones en varios idiomas, añada un
trackde descripciones para cada idioma. - Use un reproductor o un script (polyfill, código que añade una función que el navegador no tiene) que lea las descripciones en voz alta. Los navegadores actuales no lo hacen solos.
- Mientras el soporte sea escaso, ofrezca también una versión del vídeo con la audiodescripción grabada en el audio.
Cómo comprobarlo
- Revise el código de cada vídeo. Debe haber un
<track kind="descriptions">en el idioma del vídeo. - Abra el archivo
.vtty compruebe que describe la información visual importante: textos en pantalla, acciones y cambios de escena. - Reproduzca el vídeo en el reproductor de la web. Compruebe que las descripciones se oyen en el momento adecuado y no se cortan.
Ejemplo
Vídeo de una visita guiada con subtítulos y una pista de audiodescripción en español.
<video controls>
<source src="visita-museo.mp4" type="video/mp4">
<track kind="captions" src="subtitulos.vtt"
srclang="es" label="Español">
<track kind="descriptions" src="audiodescripcion.vtt"
srclang="es" label="Audiodescripción">
</video>
Ver el texto completo del W3C (traducción al español)
Aplicabilidad
HTML
Descripción
El objetivo de esta técnica es usar el elemento track de HTML para especificar una pista de texto temporizado de descripciones para un elemento video. Las pistas de texto temporizado de audiodescripción contienen descripciones textuales del componente visual del recurso multimedia, pensadas para sintetizarse en audio cuando el componente visual está oculto, no está disponible o no puede utilizarse. El agente de usuario pone las indicaciones (cues) a disposición del usuario de forma no visual, por ejemplo, sintetizándolas en voz.
El atributo src del elemento track es una URL que proporciona los datos de la pista de texto.
Las indicaciones de audiodescripción deben encajar en los silencios disponibles en el componente sonoro del recurso multimedia. Si no hay tiempo suficiente para sintetizar el texto de la descripción en el intervalo de tiempo de la indicación de la pista, los agentes de usuario pueden truncar la voz. Esto limita la cantidad de información complementaria que puede añadirse.
Los agentes de usuario también pueden admitir audiodescripciones ampliadas deteniendo el vídeo hasta que la descripción se haya sintetizado por completo y reanudándolo después.
A fecha de septiembre de 2023, cuando el Grupo de Trabajo revisó por última vez esta técnica recomendada, los agentes de usuario no admiten esta técnica de forma nativa. No obstante, puede conseguirse compatibilidad mediante polyfills en JavaScript.
Ejemplos
Audiodescripción en un idioma
Un elemento video para un vídeo en inglés. Las audiodescripciones se proporcionan en formato WebVTT.
<video poster="myvideo.png" controls>
<source src="myvideo.mp4" srclang="en" type="video/mp4">
<track kind="descriptions" label="English" src="myvideo-en.vtt" srclang="en">
</video>
Audiodescripción en varios idiomas
Un elemento video para un vídeo con un elemento source en inglés y otro en francés, y con una pista de audiodescripción en inglés y otra en francés en formato de fichero WebVTT.
<video poster="myvideo.png" controls>
<source src="myvideo.mp4" srclang="en" type="video/mp4">
<source src="myvideo.webm" srclang="fr" type="video/webm">
<track kind="descriptions" label="English" src="myvideo-en.vtt" srclang="en">
<track kind="descriptions" label="Français" src="myvideo-fr.vtt" srclang="fr">
</video>
Pruebas
Procedimiento
Para cada elemento video usado para reproducir un vídeo:
- Comprobar que el vídeo contiene un elemento
trackdekind="descriptions"en el idioma del vídeo.
Resultados esperados
- La comprobación n.º 1 es verdadera.
Recursos
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 H96 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.