Técnica SMIL WCAG 2.2

SM11Mostrar subtítulos sincronizados con SMIL 1.0

Nombre oficial en el W3C: Proporcionar subtítulos mediante flujos de texto sincronizados en SMIL 1.0

En pocas palabras

Con SMIL 1.0 se puede dividir la pantalla en dos zonas: una para el vídeo y otra para los subtítulos. El texto aparece al mismo ritmo que se habla. Así las personas sordas o con pérdida auditiva pueden seguir los diálogos y los sonidos importantes.

Por qué es importante

Una persona sorda no oye lo que se dice en un vídeo. Tampoco oye sonidos que dan información, como un timbre, una alarma o una risa.

Los subtítulos le dan esa información por escrito. También ayudan a quien ve el vídeo sin sonido, por ejemplo en el transporte público o en una oficina.

Cómo se hace

Tenga en cuenta que SMIL (lenguaje para sincronizar vídeo, audio y texto) apenas se usa hoy. Reproductores como QuickTime ya no lo admiten. Hoy lo habitual es usar el elemento <video> con un fichero de subtítulos WebVTT en <track kind="captions">.
Si trabaja con SMIL 1.0, escriba los subtítulos con todos los diálogos y los sonidos relevantes, como «[suena el teléfono]».
Defina en el fichero SMIL dos regiones: una para el vídeo y otra para el texto.
Sincronice cada línea de texto con su momento del vídeo. El texto puede estar en un fichero aparte o dentro del propio SMIL.
Si los subtítulos no salen siempre, permita activarlos desde las preferencias del reproductor.

Cómo comprobarlo

Abra el contenido en un reproductor compatible con SMIL 1.0.
Active los subtítulos en las preferencias del reproductor, si existe esa opción.
Reproduzca el vídeo y compruebe que aparecen los subtítulos.
Confirme que van sincronizados e incluyen los sonidos importantes, no solo los diálogos.

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 SM11 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

Se aplica a SMIL 1.0

Descripción

El objetivo de esta técnica es proporcionar una forma de que las personas sordas o que, por otros motivos, tienen dificultades para oír el diálogo del material audiovisual puedan ver dicho material. Con esta técnica, todo el diálogo y los sonidos importantes están disponibles en un flujo de texto que se muestra en un área de subtítulos.

Con SMIL 1.0 pueden definirse regiones separadas para el vídeo y los subtítulos. Los subtítulos y la reproducción del vídeo están sincronizados, de modo que el texto de los subtítulos se muestra en una región de la pantalla mientras el vídeo correspondiente se muestra en otra región.

Ejemplos

Ejemplo de subtítulos en SMIL 1.0 para el reproductor QuickTime

<?xml version="1.0" encoding="UTF-8"?>
<smil xmlns:qt="http://www.apple.com/quicktime/resources/smilextensions" 
     xmlns="https://www.w3.org/TR/REC-smil" qt:time-slider="true">
<head>
  <layout>
    <root-layout width="320" height="300" background-color="black"/>
    <region top="0" width="320" height="240" left="0" background-color="black" 
     id="videoregion"/>
    <region top="240" width="320" height="60" left="0" background-color="black" 
     id="textregion"/>
  </layout>
</head>
<body>
  <par>
    <video dur="0:01:20.00" region="videoregion" src="salesdemo.mov" 
     alt="Sales Demo"/>
    <textstream dur="0:01:20.00" region="textregion" src="salesdemo_cc.txt" 
     alt="Sales Demo Captions"/>
  </par>
</body>
</smil>

Ejemplo de subtítulos en SMIL 1.0 con flujos de texto internos

<?xml version="1.0" encoding="UTF-8"?>
<smil xmlns="https://www.w3.org/TR/REC-smil">
<head>
  <layout>
    <root-layout background-color="black" height="310" width="330"/>
    <region id="video" background-color="black" top="5" left="5" 
     height="240" width="320"/>
    <region id="captions" background-color="black" top="250" 
     height="60" left="5" width="320"/>
  </layout>
</head>
<body>
  <par>
    <video src="salesdemo.mpg" region="video" title="Sales Demo" 
     alt="Sales Demo"/>
    <text src="data:,This%20is%20inline%20text." region="captions" begin="0s" 
     dur="3" alt="Sales Demo Captions">
      <param name="charset" value="iso-8859-1"/>
      <param name="fontFace" value="System"/>
      <param name="fontColor" value="yellow"/>
      <param name="backgroundColor" value="blue"/>
    </text>
  </par>
</body>
</smil>

Este ejemplo muestra un elemento text que incluye flujos de texto sincronizados dentro del propio fichero SMIL.

Pruebas

Procedimiento

Activar la preferencia de subtítulos en el reproductor, si existe
Reproducir el fichero con subtítulos
Comprobar si se muestran los subtítulos

Resultados esperados

La comprobación n.º 3 es verdadera

Recursos

Synchronized Multimedia Integration Language (SMIL) 1.0
Synchronized Multimedia Integration Language (SMIL 2.0)
Accessibility Features of SMIL (características de accesibilidad de SMIL)

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.

Solicitar una auditoría

Basado en la técnica SM11 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.