Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G193Ofrecer ayuda con un asistente animado en vídeo

Nombre oficial en el W3C: Proporcionar ayuda mediante un asistente en la página web

En pocas palabras

La página incluye un asistente animado: un personaje en vídeo que explica cómo usarla. Por ejemplo, guía por los pasos de un formulario de alta o por las funciones de la banca en línea. Debe poder pausarse y tener también una versión en texto.

Por qué es importante

A algunas personas les cuesta entender instrucciones escritas. Es frecuente en personas con discapacidad intelectual, con dislexia o con poca práctica en internet.

Ver y oír a alguien que explica los pasos ayuda a centrarse y a entender mejor. Reduce los errores al rellenar formularios largos o al hacer trámites. Cumple el criterio 3.3.5 de ayuda.

Cómo se hace

  1. Prepare un vídeo o animación con un personaje que explique la página o el formulario paso a paso.
  2. Colóquelo en un lugar visible, por ejemplo junto al formulario que explica.
  3. Ofrezca controles para iniciar, pausar, detener, avanzar y retroceder, todos usables con teclado.
  4. Añada subtítulos y, si hace falta, audiodescripción.
  5. Ponga al lado un enlace a la misma explicación en texto.

Cómo comprobarlo

  1. Busque el asistente en la página.
  2. Póngalo en marcha y compruebe que explica de verdad cómo usar la página o el formulario.
  3. Use sus controles solo con el teclado: iniciar, pausar y detener.
  4. Compruebe que tiene subtítulos y una alternativa en texto.
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 G193 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

Todas las tecnologías.

Descripción

El propósito de esta técnica es proporcionar ayuda mediante un avatar multimedia que ofrezca asistencia para utilizar la página web. Un avatar puede ser especialmente útil para las personas con discapacidades cognitivas que puedan tener dificultades para leer texto. El uso de elementos visuales ayudará a algunas personas a centrarse en el material presentado.

El avatar multimedia también debe satisfacer los criterios de conformidad pertinentes de la pauta 1.2.

Ejemplos

  • La página de inicio de una aplicación de banca en línea tiene incrustado un avatar llamado Vanna. Ella ofrece a los nuevos clientes de banca en línea un recorrido por las funciones que proporciona la aplicación. El asistente se puede iniciar, detener y poner en pausa. El cliente puede rebobinar y avanzar rápidamente por el material. Hay disponible una alternativa textual de la información en un enlace situado junto al avatar.
  • Un sitio de voluntariado tiene una página de bienvenida para los nuevos voluntarios. En ella hay un formulario de inscripción. En la parte derecha de la página hay un archivo multimedia interactivo con un avatar que explica todas las funciones y secciones del formulario de inscripción.

Pruebas

Procedimiento

  1. Comprobar que hay un asistente en la página web.
  2. Comprobar que el asistente proporciona información que ayuda a comprender el contenido de la página.

Resultados esperados

  • Todas las comprobaciones anteriores son verdaderas.

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