Con el objetivo de promover el fácil acceso al contenido digital, la Web Content Accessibility Guidelines (WCAG) establece una serie de lineamientos para mejorar la experiencia de todos los usuarios.
Virtual Assistant integra progresivamente el modelo sugerido para mejorar la accesibilidad de sus usuarios. A continuación se detallan los elementos incluidos:
Idioma: la ventana del bot declara explícitamente el idioma/región, de modo que los lectores de pantalla y asistentes de accesibilidad procesan el texto en el idioma correcto desde el inicio de la interacción.
Navegación y foco:
- Orden lógico de tabulación: se implementó un orden de foco correcto (tabindex) para todos los elementos interactivos de la ventana: header, botones (minimizar, cerrar), quick replies, inputs de formulario, campo de texto y botón de envío.
- Campos de formulario y botón "mostrar contraseña" accesibles: el ícono de "ojito" para mostrar/ocultar contraseña es ahora alcanzable con Tab, activable con Enter/Espacio, y el lector de pantalla anuncia el estado ("Mostrar contraseña" / "Ocultar contraseña").
- Opción “Accesibilidad” en el CTA del canal Web: habilita un link “Skip to chat” (texto configurable) para permitir que usuarios con lectores de pantalla (o navegación por teclado) salten directo al CTA accesible de apertura del bot. Se configura desde Configuraciones > Canales > Web > Básicas > Accesibilidad.
Feedback en mensajes:
- Identificador del remitente en mensajes: al navegar entre mensajes con Tab, el lector de pantalla anuncia el remitente, indicando si es "tu mensaje" o "mensaje del Bot".
- Feedback al enviar un mensaje: tras enviar un mensaje, el asistente de accesibilidad comunica que "se espera respuesta", evitando incertidumbre sobre si el mensaje fue enviado.
- Feedback al recibir un mensaje: cuando llega una respuesta del bot, el asistente indica que hay un "mensaje nuevo", alertando al usuario.
Semántica y descripción de elementos: el bot utiliza HTML semántico correcto para que el asistente de accesibilidad identifique y describa automáticamente botones, listas y enlaces, indicando al usuario cómo interactuar con cada uno de ellos.
Imágenes:
- En Configuración > Canales, en los elementos ícono, logo y avatar. El texto se renderiza como atributo alt en el HTML para que los lectores de pantalla lo lean.
- Manejo de imágenes decorativas: las imágenes sin texto alternativo configurado reciben automáticamente alt="", indicando al lector de pantalla que debe ignorarlas.
- Texto alternativo en imágenes: se agregó el campo opcional "Texto alternativo" (máx. 100 caracteres) en los complementos Imagen y Carrusel. El texto se renderiza como atributo alt en el HTML para que el contenido publicado en el canal web pueda ser interpretado correctamente por tecnologías de asistencia, tales como lectores de pantalla.
Video: se agregaron dos campos opcionales en el complemento Video.
- Descripción del video: es opcional de completar. Tiene por objetivo que puedas agregar una descripción breve del contenido del video con un límite máximo de 100 caracteres. Se sugiere incluir “de qué trata” y “qué obtendrá el usuario” al verlo.
- URL de descripción extendida: posibilita agregar un link opcional con una descripción más larga. Debería direccionar a un contenido estable y accesible en formato de texto, no solo otro video. Puede ser, por ejemplo, una página web, un documento online.