Alleen de bevindingen:
Audit digitale toegankelijkheid Chatbot Ida inclusief demo-omgeving

Uitkomst: Voldoende

Bevinding 1: Advies: Als er in het berichtendeel tekst toegevoegd wordt, verschijnt er een scrollbalk. Op dit moment verschijnt er altijd een introtekst met een link erin. Daarmee krijg je de focus op het berichtendeel. Als er geen links aanwezig zijn in een van de berichten dan krijgt het berichtendeel nooit de focus. Dit is op te lossen door tabindex="0" toe te voegen. Dit werkt door in deze div kunnen de waarde van de tabindex te vervangen: <div data-v-89f062ad="" class="flex-1 overflow-y-auto relative min-w-0 min-h-0 flex flex-col" role="log" tabindex="-1">.

Uitkomst: Voldoende

Bevinding 2: Advies: de chatbotknop bevindt zich helemaal achteraan de code. Je kunt deze beter toegankelijk maken door bijvoorbeeld bij de skiplinks aan het begin van de pagina een link naar de chatbotknop op te nemen.

Uitkomst: Voldoende

Bevinding 3: Advies: Bij het openen van het chatbotvenster word je direct naar het invoerveld geleid. Hier is onderzoek met ervaringsdeskundigen nodig. Ik vraag me namelijk af of het niet handiger is voor iemand die blind is, dat je bovenin het venster wordt gezet zodat je als bezoeker van boven naar beneden het chatvenster kan verkennen. Nu wordt de bezoeker bijna aan het eind van het venster geplaatst. En heeft geen idee waar het gesprek in het venster staat. Wellicht een idee om dit alleen te doen als de bezoeker nog geen vragen heeft gesteld.

Bevinding 4: Advies: De focusvolgorde hangt af van de manier waarop het chatvenster geopend wordt, modal of non-modal. Als het non-modal is en het mogelijk is om naar andere pagina's te navigeren zonder het gesprek te verliezen voeg dan een pagina toe aan de demo. En zorg dat je op toegankelijke wijze van de ene naar de andere pagina kan navigeren. Advies: De chat is nu "modal". Echter is de achtergrond nog volledig zichtbaar. Iets van een backdrop zou duidelijker maken dat deze achtergrond niet te gebruiken is. Het onmogelijk maken van scrollen versterkt dit effect.

Uitkomst: Voldoende

Bevinding 5: Advies: veel gemeenten maken gebruik van vertaalknop en verschillende soorten vertaalsoftware. Houd er rekening mee dat de chatbot dit ondersteunt. Als de website in het Engels is dan verwacht je ook een Engelstalige chatbot.

Uitkomst: Voldoende

Bevinding 6: Advies: Als iemand ervoor kiest de vraag in een andere taal te stellen is het niet nodig om te raden naar de taal. Het lang-attribuut is dan niet noodzakelijk omdat je het risico loopt dat de verkeerde taalcode gebruikt wordt.

Uitkomst: Voldoende

Bevinding 7: Advies: Plaats een zichtbare naam bij de knop om de chatbot te openen. Dit verbetert de herkenning voor velen, en maakt het voor mensen met spraakbesturing ook mogelijk om de knop te bedienen.

Bevinding 8: Advies: Voor een chatbot die relevant moet zijn terwijl de bezoeker de website gebruikt is “non-modal” een logische keuze. Voor consistentie en voorspelbaarheid is het dan belangrijk dat de website altijd bereikbaar en bedienbaar is als de chat open staat. De chat moet dan ook niet schermvullend zijn, ook niet op lage resoluties. Voor de te maken keuzes. Als het de bedoeling is om de chatbot non-modal te houden dan is het goed om ook navigeerbare elementen in de demo te plaatsen zodat getest kan worden wat er gebeurt als je naar een andere pagina gaat.