NL
EN
DE
ESToegankelijke chatbot
Een chat die werkt met het toetsenbord, de schermlezer en de vergroting van je bezoeker.
Waarom chatwidgets zo vaak onbruikbaar zijn
Een chatwidget is een klein stukje software dat boven op je website landt. Precies daar gaat het vaak mis: het venster is een naamloos blok in de code, nieuwe antwoorden worden niet aan een schermlezer doorgegeven, het invoerveld heeft alleen een grijze hint in plaats van een label en de knoppen zijn te licht om te zien. Wie geen muis gebruikt, komt er niet in of niet meer uit.
Dat is geen theoretisch probleem. In het onderzoek van Digimonitor naar gemeentelijke chatbots voldeed in 2026 geen enkele van de onderzochte chatbots aan de toegankelijkheidseisen. De meest gevonden fouten: knoppen zonder naam, geen toetsenbordbediening en een chatstatus die nooit bij de schermlezer aankomt.
Het verschil in de praktijk
Een ontoegankelijke chat
De schermlezer meldt alleen 'knop'. Het antwoord verschijnt zonder dat iemand het hoort. Met Tab beland je in een onzichtbaar venster en Escape doet niets. De grijze tekst valt weg tegen de achtergrond.
Een toegankelijke chat
De knop heet 'Chat openen, 2 ongelezen berichten'. Elk afgerond antwoord wordt één keer voorgelezen met de naam van de afzender. Escape sluit en de focus keert terug. Alle tekst haalt het vereiste contrast.
Wat WillieChat standaard doet
Volledig met het toetsenbord
Elke knop, link, emoji en bijlage is bereikbaar met Tab, met een duidelijk zichtbare focusrand. Escape sluit het menu, de emoji-kiezer of het hele venster en zet de focus terug waar je was.
Schermlezers krijgen alles mee
Het venster is een echte dialoog met een naam. Nieuwe antwoorden, de melding dat de assistent typt, wachtstatus en foutmeldingen gaan via aparte live regions naar de schermlezer, zonder dat de tekst per letter wordt herhaald.
Contrast dat meebeweegt
Kies je een lichte huisstijlkleur, dan schakelt de widget zelf naar donkere tekst en een donkerder accent voor links en focusranden. Het beheerpaneel waarschuwt je als een kleur te weinig contrast geeft.
Labels en echte foutmeldingen
Elk invoerveld heeft een label, ook als het visueel verborgen is. Gaat er iets mis, dan krijg je tekst met een suggestie in plaats van alleen een rode rand, en je getypte bericht blijft behouden.
Taal per bericht
De widget zet de juiste taalcode op het venster en op losse berichten. Een schermlezer spreekt een Engels antwoord op een Nederlandse pagina dan ook echt in het Engels uit.
Geen ongevraagde verrassingen
De chat pakt nooit zomaar de focus af, respecteert de systeeminstelling voor minder beweging en de bezoeker kan het notificatiegeluid zelf uitzetten.
Checklist: is jouw huidige chat toegankelijk?
Zo zet je het aan
Plaats de widget met één regel code op je site. De toegankelijkheidsfuncties staan meteen aan; je hoeft niets te configureren.
Kies je huisstijlkleur in het beheerpaneel. Je ziet direct of het contrast voldoende is en de widget past de tekstkleur zelf aan.
Wil je ook voorlezen aanbieden, zet dan de voorleesfunctie aan bij Instellingen, tabblad Algemeen, blok Toegankelijkheid.
Veelgestelde vragen
Valt een ingekochte chatwidget onder mijn eigen toegankelijkheidsplicht?
Ja. De uitzondering voor inhoud van derden geldt alleen voor inhoud die je niet betaalt, niet ontwikkelt en waar je geen zeggenschap over hebt. Een betaalde chatwidget op je eigen domein voldoet aan geen van die drie voorwaarden, dus die telt gewoon mee.
Is WillieChat gecertificeerd?
Nee, en dat woord gebruiken we bewust niet: voor toegankelijkheid bestaat geen certificaat. De widget is gebouwd volgens WCAG 2.2 AA en wij testen zelf met toetsenbord en schermlezer. Een onafhankelijk onderzoek volgens de WCAG-EM-methode staat gepland; het rapport delen we zodra het er is.
Werkt de chat met NVDA, JAWS en VoiceOver?
Ja. De widget gebruikt standaard HTML en ARIA, precies waar die hulpmiddelen op gebouwd zijn. De inhoud staat in een open shadow root, zodat ook toegankelijkheidsscanners zoals axe en Lighthouse erbij kunnen.
Wat doet de chat met mensen die moeite hebben met lezen?
Daarvoor is de optionele voorleesfunctie: onder elk antwoord staat dan een knop Voorlezen, en de bezoeker kan antwoorden ook automatisch laten voorlezen. Dat is een aanvulling, geen vervanging van schermlezerondersteuning.
Vertraagt dit mijn website?
Nee. De widget laadt los van je pagina en weegt ongeveer honderd kilobyte. Toegankelijkheid zit in de structuur van de code, niet in extra bestanden of externe diensten.
Verder lezen
Probeer het zelf met je toetsenbord
Zet WillieChat op je site en bedien de chat met alleen Tab, Enter en Escape. Je merkt het verschil binnen een minuut.
Gratis account aanmaken