Técnica SMIL WCAG 2.2

SM12Proporcionar subtítulos mediante flujos de texto sincronizados en SMIL 2.0

En resumen

Esta técnica explica cómo mostrar subtítulos sincronizados con un vídeo en SMIL 2.0, reservando una región de la pantalla para la imagen y otra para el texto, de forma que las personas sordas o con dificultades auditivas accedan al diálogo y a los sonidos importantes. Conviene aplicarla cuando el multimedia se distribuye con un reproductor compatible con SMIL 2.0, como RealMedia, y los subtítulos van como flujos de texto internos.

Aplicabilidad

Se aplica a SMIL 2.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 2.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 y el vídeo correspondiente se muestra en otra región.

Ejemplos

Ejemplo de subtítulos en SMIL 2.0 con flujos de texto internos para el reproductor RealMedia

<?xml version="1.0" encoding="UTF-8"?>
<smil xmlns="https://www.w3.org/2001/SMIL20/Language">
<head>
  <layout>
    <root-layout backgroundColor="black" height="310" width="330"/>
    <region id="video" backgroundColor="black" top="5" left="5" 
     height="240" width="320"/>
    <region id="captions" backgroundColor="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">
      <param name="charset" value="iso-8859-1"/>
      <param name="fontFace" value="System"/>
      <param name="fontColor" value="yellow"/>
      <param name="backgroundColor" value="blue"/>
    </text>
    <text src="data:,This%20is%20a%20second%20text." 
     region="captions" begin="3s" dur="3">
      <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 2.0)
Synchronized Multimedia Integration Language (SMIL 3.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.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica SM12 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.