Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G226Proporcionar audiodescripción incorporando la narración en la banda sonora

En resumen

Esta técnica consiste en integrar la audiodescripción en la propia narración del vídeo, en una única pista de audio, de modo que la locución describa el texto en pantalla, los botones, los cambios de escena y las acciones importantes. Resulta especialmente adecuada para vídeos formativos y comerciales, y beneficia a las personas ciegas o con baja visión y también a muchas con discapacidad cognitiva.

Aplicabilidad

Cualquier tecnología que admita audio y vídeo.

Descripción

El objetivo de esta técnica es proporcionar audiodescripción mediante una narración incorporada a la banda sonora del vídeo sincronizado, de modo que las personas que no pueden ver sean capaces de comprender el material visual importante.

Dado que la mayoría de los agentes de usuario actuales no pueden mezclar varias pistas de sonido, esta técnica añade contexto adicional revisando la banda sonora para que la narración incluya la audiodescripción en una única pista de audio. Esta información adicional puede referirse a acciones, personajes, cambios de escena y texto en pantalla (no subtítulos) que sean importantes para comprender el contenido.

O bien se revisa la narración, o bien se añade una narración nueva durante las pausas del diálogo (lo que puede limitar la cantidad de narración complementaria que se puede añadir).

Esta técnica es más apropiada en vídeos formativos, comerciales y de otro tipo en los que la narración tiene una finalidad informativa. En esos casos, una banda sonora que refuerce las «ideas clave» visuales del vídeo será vital para las personas ciegas y con baja visión, y puede ser útil para muchos usuarios, incluidos algunos con discapacidad cognitiva.

Ejemplos

Un vídeo formativo se guioniza con una narración que describe el contenido visual importante

Una persona que crea un vídeo formativo para mostrar las funciones de una aplicación prepara un guion en el que lo que se muestra visualmente se refuerza mediante la narración, con el fin de lograr un medio eficaz y económico de hacer un vídeo más accesible.

Se siguen varias estrategias clave para mejorar la narración del vídeo. Cada una se describe con más detalle en los apartados siguientes:

  1. Describir todo texto pertinente y significativo que aparezca en la pantalla
  2. Evitar decir solo «esto» o «aquí» para describir los componentes de la interfaz de usuario
  3. Para dar más contexto, describir los elementos tanto por sus características sensoriales como por su etiqueta
  4. Describir por completo las secuencias de acciones, incluido cualquier contenido dinámico que aparezca
  5. Cuando aparezca una página principal o un cuadro de diálogo, decir su título y describir sus características
  6. Cuando se use el ratón para mostrar algo (como pasar el cursor por encima, seleccionar, desplazarse o abrir), decir lo que se está haciendo

Describir todo texto pertinente y significativo que aparezca en la pantalla

Al referirse a URL, cuadros de diálogo, etiquetas y encabezados, lea el texto en voz alta. A veces los presentadores (narradores) se limitan a resaltar o señalar el texto; pronunciar el texto visible garantiza que ese texto significativo sea accesible para todas las personas, incluidas las ciegas o con baja visión. Al describir las acciones que puede realizar un usuario, asegúrese de indicar expresamente los nombres de los botones para mejorar el contexto (por ejemplo, «elija el botón verde "Ir"»).

Evitar decir solo «esto» o «aquí» para describir los componentes de la interfaz de usuario

Esto va de la mano de la primera regla de anunciar el texto en pantalla. Cuando los presentadores (narradores) señalan «este botón» o dicen «verá esto», normalmente se refieren a una indicación visual que están proporcionando en la pantalla. Alguien que no puede ver la pantalla carece del contexto necesario para entender a qué se hace referencia. Sustituya o complemente «esto» y «aquí» con las etiquetas o títulos para dar contexto: «Elija el botón azul Guardar», «Aparece el cuadro de diálogo Configuración del perfil, con varias opciones».

Para dar más contexto, describir los elementos tanto por sus características sensoriales como por su etiqueta

Incluir la posición y otras cualidades sensoriales, como el color, puede ayudar mucho a algunos usuarios con baja visión y a usuarios con discapacidad cognitiva. No obstante, conviene incluir otro contexto, como los encabezados estructurales, además de la posición (que normalmente no resulta muy útil para los usuarios ciegos). En los componentes con etiqueta visible, lea siempre la etiqueta al referirse al componente. Cuando no haya etiqueta visible, pero sepa que existe otro etiquetado por software que leerá el lector de pantalla (por ejemplo, la propiedad aria-label o las regiones de la página), use ese texto. Incluya también la ubicación y la estructura (encabezados) en la página (por ejemplo, «el botón rojo "Cancelar" en la parte inferior derecha del cuadro de diálogo», «Seleccione el botón de opción "solo en línea" en la Configuración»).

Describir por completo las secuencias de acciones, incluido cualquier contenido dinámico que aparezca

Cuando esté demostrando un proceso, asegúrese de describir todos los pasos que realiza. Anuncie también cuándo aparecen mensajes de estado, como «cargando», y cuándo aparece o desaparece otro contenido en la pantalla.

Cuando aparezca una página principal o un cuadro de diálogo, decir su título y describir sus características

Cuando aparezca un cuadro de diálogo o una página, lea su título en voz alta. En el caso de una página nueva, describa también su propósito o cualquier característica distintiva. Practique un estilo narrativo natural que no se limite a leer el texto de la pantalla.

Cuando se use el ratón para mostrar algo (como pasar el cursor por encima, seleccionar, desplazarse o abrir), decir lo que se está haciendo

Al realizar interacciones complejas, sobre todo con el ratón, a veces resulta útil anunciar lo que se va a hacer antes de hacerlo, narrar después mientras se interactúa y, por último, resumir lo que se acaba de hacer.

Se añade narración adicional en los huecos de la banda sonora

Los elementos visuales importantes de un vídeo comercial pueden deducirse en su mayor parte de la banda sonora. Sin embargo, el vídeo solo utiliza texto en pantalla para identificar a los nuevos interlocutores y para mostrar, al final, una URL a la que pueden acudir las personas para obtener más información. En posproducción, un nuevo narrador anuncia el texto en pantalla en los huecos del diálogo.

Pruebas

Procedimiento

  1. Abrir el contenido multimedia sincronizado que incluye la audiodescripción.
  2. Revisar el vídeo.
  3. Comprobar si la narración principal se utiliza para transmitir la información importante del contenido visual, como los nuevos interlocutores y el texto en pantalla.
  4. Cuando la información visual importante no se transmita a través de la banda sonora ni se aborde en la narración original, comprobar si se ha añadido narración adicional en los huecos disponibles del diálogo.

Resultados esperados

  • Las comprobaciones n.º 3 y n.º 4 son verdaderas.

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 G226 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.

Financiado por la unión europea Gobierno de españa red.es Plan de recuperación transformación y resilencia kit digital