Técnica SMIL WCAG 2.2
SM11Proporcionar subtítulos mediante flujos de texto sincronizados en SMIL 1.0
En resumen
Esta técnica muestra cómo mostrar subtítulos sincronizados con un vídeo en SMIL 1.0, definiendo una región para la imagen y otra para el texto, de modo que las personas sordas o con dificultades auditivas puedan seguir el diálogo y los sonidos relevantes. Es aplicable cuando el contenido se publica con un reproductor compatible con SMIL 1.0 (como QuickTime) y se dispone de los subtítulos en un flujo de texto externo o interno.
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 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.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica SM11 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.