Técnica HTML WCAG 2.2

H95Usar el elemento track para proporcionar subtítulos

En resumen

Esta técnica explica cómo añadir subtítulos para personas sordas a un vídeo HTML mediante el elemento track con kind="captions" y un fichero WebVTT. Los subtítulos de este tipo recogen el diálogo y también los sonidos relevantes, por lo que benefician a personas sordas o con pérdida auditiva y a quien ve el vídeo sin sonido. Úsela en cualquier vídeo pregrabado con audio que publique con el elemento video.

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 subtítulos (captions) para un elemento video. Las pistas de texto temporizado de subtítulos contienen la transcripción o traducción del diálogo, los efectos de sonido, las indicaciones musicales relevantes y otra información sonora relevante, adecuadas para cuando el sonido no está disponible o no se oye con claridad.

El atributo src del elemento track es una URL con la dirección de los datos de la pista de texto.

El atributo kind del elemento track indica el tipo de información del texto temporizado. Las pistas de texto de tipo captions proporcionan una versión textual del diálogo y de otros sonidos importantes para entender el vídeo. Las de tipo subtitles contienen solo el diálogo. Si hay otra información sonora importante para entender el vídeo, una pista de tipo subtitles no será suficiente para cumplir el criterio de conformidad.

En algunas regiones se usa el término «subtitle» para cualquier representación textual visible de la pista de audio. Un autor puede marcar una pista de texto temporizado en el idioma de la pista de audio como kind=subtitles, en lugar de kind=captions, e incluir información sonora adicional relevante. Se aconseja a los autores no usar subtitles en esta situación, ya que puede confundir a los usuarios que intentan encontrar los subtítulos para personas sordas (captions), pero una pista de texto temporizado así cumpliría los requisitos normativos del criterio de conformidad 1.2.2 Sonido sincronizado con subtítulos (grabado).

Ejemplos

Subtítulos en un idioma

Un elemento video para un vídeo en inglés con una pista de subtítulos en inglés. Los subtítulos se proporcionan en formato WebVTT.

<video poster="myvideo.png" controls>
  <source src="myvideo.mp4" srclang="en" type="video/mp4">
  <track kind="captions" label="English" src="myvideo_en.vtt" srclang="en">
</video>

Subtítulos en varios idiomas

Un elemento video para un vídeo en inglés con una pista de subtítulos en inglés. Los subtítulos se proporcionan en formato 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="captions" label="English" src="myvideo-en.vtt" srclang="en">
  <track kind="captions" label="Français" src="myvideo-fr.ttml" srclang="fr">
</video>

Pruebas

Procedimiento

Para cada elemento video usado para reproducir un vídeo:

Comprobar que el vídeo contiene un elemento track de kind captions en el idioma del vídeo.

Resultados esperados

La comprobación n.º 1 es verdadera.

Recursos

HTML track element (el elemento track)
Timed Text Markup Language
IMSC Profiles. Perfiles TTML para subtítulos en Internet (Internet Media Subtitles and Captions).
imscJS library. imscJS es una biblioteca JavaScript para representar documentos IMSC 1.0.1 e IMSC 1.1 en HTML5.
IMSC: subtitles and captioning for the web. Documentación sobre IMSC en Mozilla Developer Network.
WebVTT: The Web Video Text Tracks Format
Captionator Polyfill

Cómo lo comprobamos en ADDAW

En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica H95 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.