NL
EN
DE
ESChatbot accesible
Un chat que funciona con el teclado, el lector de pantalla y la ampliación de tu visitante.
Por qué tantos widgets de chat resultan inutilizables
Un widget de chat es una pequeña pieza de software que se sitúa sobre tu web. Ahí es justo donde suele fallar: la ventana es un bloque sin nombre en el código, las respuestas nuevas no llegan al lector de pantalla, el campo de texto solo tiene una pista gris en lugar de etiqueta y los botones son demasiado claros. Quien no usa ratón no logra entrar, o no logra salir.
No es un problema teórico. En el estudio neerlandés Digimonitor sobre chatbots municipales, en 2026 ninguno de los chatbots analizados cumplía los requisitos de accesibilidad. Los fallos más frecuentes: botones sin nombre, ausencia de manejo con teclado y un estado del chat que nunca llega al lector de pantalla.
La diferencia en la práctica
Un chat no accesible
El lector de pantalla solo dice 'botón'. La respuesta aparece sin que nadie la oiga. Con el tabulador acabas en una ventana invisible y Escape no hace nada. El texto gris se pierde sobre el fondo.
Un chat accesible
El botón se llama 'Abrir el chat, 2 mensajes sin leer'. Cada respuesta terminada se anuncia una vez con el nombre del remitente. Escape cierra y el foco vuelve. Todo el texto alcanza el contraste exigido.
Lo que WillieChat hace de serie
Manejo completo con teclado
Cada botón, enlace, emoji y adjunto se alcanza con el tabulador, con un borde de foco bien visible. Escape cierra el menú, el selector de emojis o toda la ventana y devuelve el foco donde estabas.
Los lectores de pantalla se enteran de todo
La ventana es un diálogo real con nombre. Las respuestas nuevas, el aviso de que el asistente escribe, el estado de espera y los errores llegan al lector mediante regiones activas separadas, sin repetir el texto letra a letra.
Contraste que se adapta
Si eliges un color de marca claro, el widget cambia solo a texto oscuro y a un acento más oscuro para enlaces y bordes de foco. El panel te avisa cuando un color ofrece poco contraste.
Etiquetas y errores de verdad
Cada campo tiene etiqueta, aunque esté oculta visualmente. Si algo falla recibes texto con una sugerencia en lugar de solo un borde rojo, y tu mensaje escrito se conserva.
Idioma por mensaje
El widget aplica el código de idioma correcto a la ventana y a cada mensaje. Así un lector de pantalla pronuncia en inglés una respuesta en inglés dentro de una página en español.
Sin sorpresas no pedidas
El chat nunca roba el foco por su cuenta, respeta la preferencia del sistema de reducir el movimiento y el visitante puede silenciar el sonido de aviso.
Lista: ¿tu chat actual es accesible?
Cómo activarlo
Coloca el widget en tu web con una línea de código. Las funciones de accesibilidad están activas desde el principio; no hay que configurar nada.
Elige el color de tu marca en el panel. Verás al momento si el contraste es suficiente y el widget ajustará el color del texto solo.
Si además quieres lectura en voz alta, actívala en Ajustes, pestaña General, bloque Accesibilidad.
Preguntas frecuentes
¿Un widget de chat contratado entra en mi propia obligación?
Sí. La excepción para contenido de terceros solo cubre contenido que no pagas, no desarrollas y sobre el que no tienes control. Un widget de pago en tu propio dominio no cumple ninguna de esas tres condiciones, así que cuenta igual.
¿WillieChat está certificado?
No, y evitamos esa palabra a propósito: no existe un certificado de accesibilidad. El widget está construido según WCAG 2.2 AA y lo probamos nosotros con teclado y lector de pantalla. Hay una auditoría independiente prevista con el método WCAG-EM; compartiremos el informe en cuanto exista.
¿Funciona el chat con NVDA, JAWS y VoiceOver?
Sí. El widget usa HTML y ARIA estándar, justo aquello sobre lo que se apoyan esas herramientas. El contenido está en un shadow root abierto, así que los analizadores como axe y Lighthouse también pueden acceder.
¿Qué ofrece el chat a quien tiene dificultades para leer?
Para eso está la lectura en voz alta opcional: aparece un botón Leer en voz alta bajo cada respuesta y el visitante puede escuchar las respuestas automáticamente. Es un añadido, no un sustituto del soporte para lectores de pantalla.
¿Esto ralentiza mi web?
No. El widget carga por separado de tu página y pesa unos cien kilobytes. La accesibilidad está en la estructura del código, no en archivos extra ni servicios externos.
Sigue leyendo
Pruébalo tú mismo con el teclado
Pon WillieChat en tu web y maneja el chat solo con Tab, Enter y Escape. Notarás la diferencia en menos de un minuto.
Crear una cuenta gratis