El widget de chat de ViaSay ha pasado por una revisión de accesibilidad significativa, que lo acerca sustancialmente al cumplimiento de RGAA y WCAG. Como estas mejoras viven en nuestra biblioteca de componentes compartida, todos los widgets de ViaSay se benefician automáticamente — no hay nada que actualizar de tu parte.
La accesibilidad es cada vez más un requisito legal (RGAA en Francia, la Ley Europea de Accesibilidad) — y una mejor experiencia para todos. Esto es lo que ha cambiado.
Pensado para usuarios de lectores de pantalla
El widget ahora se comunica con claridad con las tecnologías de asistencia.
Los botones, iconos e imágenes exponen nombres accesibles adecuados — mientras que los elementos puramente decorativos se ocultan correctamente de los lectores de pantalla.
Las actualizaciones de estado en vivo — estado de conexión, confirmación de CSAT — se anuncian automáticamente en cuanto ocurren.
El contenido del chat ahora usa una estructura HTML significativa (un encabezado para la cabecera, listas reales para el contenido con viñetas, párrafos para los mensajes), de modo que los lectores de pantalla pueden navegarlo correctamente.
Las etiquetas de la interfaz ahora se resuelven en el idioma propio del widget, corrigiendo los casos en los que algunos controles se anunciaban en inglés sin importar el idioma configurado.
Navegación completa por teclado
Todo el widget puede utilizarse sin ratón.
Los controles interactivos ahora son botones reales — accesibles y activables desde el teclado, con un contorno de foco claramente visible.
El foco se gestiona de forma inteligente: se mueve al campo de mensaje cuando el chat se abre y vuelve al lanzador cuando se cierra, de modo que los usuarios de teclado nunca pierden su lugar.
Contraste visual más claro
El texto y los detalles de la interfaz son más fáciles de leer. Los bordes de los campos, el texto de marcador de posición y el indicador de escritura ahora cumplen los requisitos de contraste.
🗒️ El color principal de tu widget sigue siendo tuyo para elegir — solo mantén suficiente contraste con el blanco en la cabecera para seguir cumpliendo la normativa.
Añadido — color del subtítulo de la cabecera
Una nueva opción tertiary_color te permite establecer un color distinto para el subtítulo de la cabecera, dando a la cabecera del chat un acabado más cuidado y acorde a tu marca.