Subtítulos de vídeo y accesibilidad (WCAG 1.2): implementación práctica

¿Por qué los subtítulos de vídeo son mucho más que un «extra»?

Piensa en la última vez que viste un vídeo en el metro, en una sala de espera o en la cama a las dos de la mañana con tu pareja durmiendo al lado. ¿Qué hiciste? Activar los subtítulos. Ahora imagina que eres una persona sorda o con hipoacusia y que esa no es una opción de conveniencia, sino tu única vía de acceso al contenido. Esa es la diferencia entre comodidad y derecho fundamental.

Según la Organización Mundial de la Salud (OMS), más de 1.500 millones de personas en el mundo viven con algún grado de pérdida auditiva, y se prevé que para 2050 esa cifra supere los 2.500 millones. En España, aproximadamente 1,2 millones de personas tienen discapacidad auditiva. Los subtítulos no son un lujo: son una necesidad.

Personalmente, creo que el mayor error que cometemos los profesionales del desarrollo web es pensar en los subtítulos como algo «que ya haremos después». Ese «después» nunca llega, y mientras tanto, estamos excluyendo a millones de personas.

WCAG 1.2: los criterios de conformidad para medios temporizados

Las Pautas de Accesibilidad para el Contenido Web (WCAG), publicadas por el W3C a través de la Web Accessibility Initiative (WAI), dedican todo el criterio 1.2 a los medios temporizados: audio, vídeo y multimedia. Vamos a desglosarlo para que no te pierdas.

Desglose de los subcriterios SC 1.2.x

Si tu objetivo es cumplir con el nivel AA —que es lo que exigen la Directiva 2019/882 y la EN 301 549 en Europa—, necesitas como mínimo los criterios 1.2.1 a 1.2.5. ¿Parece mucho? Respira, que lo vamos a ir paso a paso.

Subtítulos vs. captions vs. closed captions: aclaremos el lío

Aquí hay una confusión permanente que conviene despejar de una vez. En español usamos «subtítulos» para casi todo, pero en inglés existen matices importantes:

• Subtitles: traducción del diálogo a otro idioma. No incluyen sonidos ambientales ni identificación de hablante.
• Captions (closed captions / CC): transcripción del audio completo, incluyendo efectos de sonido, música e identificación de quién habla. Pensados para personas sordas o con dificultades auditivas.
• Open captions: están incrustados en el vídeo (no se pueden desactivar).
• Closed captions: van en un archivo separado (WebVTT, SRT) y el usuario puede activarlos o desactivarlos.

Cuando las WCAG hablan de «captions» en SC 1.2.2 y SC 1.2.4, se refieren a closed captions: la transcripción completa del audio, sincronizada con el vídeo. ¿Por qué closed y no open? Porque el usuario debe poder elegir si los activa o no.

Formatos de subtítulos: WebVTT, SRT y más allá

No todos los formatos de subtítulos son iguales. Cada uno tiene sus ventajas y su contexto de uso.

Para la web, WebVTT es el estándar recomendado por el W3C y el único formato soportado nativamente por el elemento <track> de HTML5. Mi recomendación es clara: usa WebVTT para tu web y exporta a SRT solo si necesitas compatibilidad con plataformas externas como YouTube.

Ejemplo práctico de archivo WebVTT

Un archivo WebVTT básico tiene esta estructura: la cabecera «WEBVTT», seguida de bloques con código de tiempo (00:00:01.000 –> 00:00:04.500) y el texto del subtítulo. Puedes añadir identificación de hablante con etiquetas <v Nombre> y posicionamiento con «position:» y «align:».

Herramientas profesionales para crear subtítulos accesibles

No necesitas transcribir todo manualmente. Existen herramientas potentes que combinan inteligencia artificial con revisión humana.

Comparativa de herramientas de subtitulado

Personalmente, mi flujo de trabajo favorito es: generar un primer borrador con la IA de YouTube o con Otter.ai, exportar el archivo SRT, importarlo en Amara para edición colaborativa y luego convertirlo a WebVTT para la web. ¿Perfecto? No. ¿Eficiente? Muchísimo.

Audiodescripción: el gran olvidado de la accesibilidad en vídeo

Los subtítulos cubren la parte auditiva, pero ¿qué pasa con la información visual? Un gráfico que aparece en pantalla, un gesto significativo, un cambio de escena: todo eso se pierde para una persona ciega o con baja visión si no existe audiodescripción.

La audiodescripción (SC 1.2.3 y SC 1.2.5) consiste en una pista de audio adicional que describe los elementos visuales relevantes durante las pausas naturales del diálogo. Es como tener un narrador que te cuenta lo que está pasando en pantalla.

¿Es obligatoria? Para nivel AA, sí: el SC 1.2.5 exige audiodescripción para vídeo pregrabado. Para nivel A, puedes optar por una alternativa textual completa (una descripción escrita del vídeo). Pero seamos sinceros: la audiodescripción ofrece una experiencia infinitamente superior.

Consejos prácticos para crear audiodescripción

• Planifica la audiodescripción desde la preproducción: deja pausas naturales en el guion para insertar descripciones.
• Describe solo lo relevante: no narres cada detalle, céntrate en lo que aporta información esencial para entender el contenido.
• Usa un tono neutro y objetivo: la audiodescripción informa, no interpreta.
• Contrata a profesionales o forma a tu equipo: la audiodescripción es una habilidad específica que requiere práctica.

Implementación técnica: el elemento <track> en HTML5

Implementar subtítulos en tu web es más sencillo de lo que crees. El elemento <track> dentro de <video> es tu mejor amigo.

Dentro de tu etiqueta <video>, añades uno o varios elementos <track> con los atributos: src (ruta al archivo .vtt), kind (captions para subtítulos, descriptions para audiodescripción), srclang (código de idioma) y label (nombre que verá el usuario). El atributo «default» indica qué pista se activa por defecto.

Puntos clave que no puedes ignorar: asegúrate de que el archivo WebVTT esté correctamente codificado en UTF-8, que los tiempos de sincronización sean precisos (± 0,5 segundos máximo) y que identifiques a los hablantes cuando hay más de una persona.

Contraste de color en subtítulos: la conexión con WCAG 1.4.3 y 1.4.6

¿Sabías que los subtítulos también deben cumplir con los criterios de contraste de color? El SC 1.4.3 (nivel AA) exige un ratio de contraste mínimo de 4.5:1 para texto normal, y el SC 1.4.6 (nivel AAA, contraste mejorado) sube esa exigencia a 7:1.

Para subtítulos sobre vídeo, esto significa: texto blanco sobre fondo negro semitransparente (o viceversa). Evita subtítulos sin fondo sobre imágenes claras, porque se vuelven ilegibles. Plataformas como YouTube y Netflix ya aplican fondos oscuros por defecto; tú deberías hacer lo mismo en tu reproductor personalizado.