Maak de widget WCAG-conform

Wat is WCAG?

Web Content Accessibility Guidelines (WCAG) definieert hoe webinhoud toegankelijker kan worden gemaakt voor mensen met een beperking. Hoewel deze richtlijnen een breed scala aan problemen behandelen, kunnen ze niet voldoen aan de behoeften van mensen met alle soorten, gradaties en combinaties van beperkingen. Deze richtlijnen maken webinhoud ook bruikbaarder voor oudere personen met veranderende capaciteiten als gevolg van veroudering en verbeteren vaak de bruikbaarheid voor gebruikers.

Waarom is dit relevant?

Het is cruciaal om de eindgebruiker de best mogelijke ervaring te bieden via de widget-interface. Om dit te bereiken, vermelden we de aanbevelingen op deze pagina om een widget te creëren met de hoogst mogelijke toegankelijkheidsscore.

Aanbeveling

Als beheerder of ontwerper kan je toegang krijgen tot Instellingen > Widget. Op deze pagina zijn veel aanpassingen van de widget beschikbaar.

Om het beste toegankelijkheidsbereik te bieden, raden we de volgende instellingen aan:

Algemene instellingen

De titel is verplicht, we raden aan om een korte en efficiënte titel te gebruiken en geen ondertitels te gebruiken.

Screenshot 2024-02-28 at 15.06.33.pngIn geval van extra zoomen door de gebruiker, kan de ondertitel extra ongewenste ruimte innemen en de ruimte van de gespreksuitwisseling bedekken.

Interactie-instellingen

Activeer het volgende:

  • Vernieuwen knop
  • Transcript knop
  • WCAG Zoom-compatibiliteit
  • Automatisch sluiten van widget
  • Sessie actief houden
  • Het gebruik van systeemlettertypen
  • Typvertraging (instellen op 2 of 3 seconden)

Screenshot 2024-02-28 at 14.56.53.png

Meldingsberichten

We raden aan om geen pop-upbericht te gebruiken. In geval van extra zoomen door de gebruiker, kan het pop-upbericht extra ongewenste ruimte innemen en de ruimte van de gespreksuitwisseling bedekken.

Configureerbare teksten

We raden aan om korte tekst te gebruiken voor de placeholder van het berichtenveld en de vervolgkeuzelijst van het veld.

Ontwerp chatbot

Activeer het volgende:

  • Startknop
  • Sluitknop inschakelen
  • Gebruiker kan schermvullende weergave inschakelen

Screenshot 2024-02-28 at 15.09.56.png

Kleuren

Je kunt de kleuren van uw widget aanpassen in de applicatie. 

Screenshot 2024-02-28 at 15.36.06.png

We raden aan om duidelijke kleur contrasten toe te passen. In de regels van WCAG wordt aangegeven dat het contrast van normale tekst ten minste 4,5:1 moet zijn en bij grote tekst ten minste 3:1. Hoe meet je zoiets? Daar zijn gelukkig handige plug-ins voor, zoals deze Contrast Checker van WebAIM

Laag contrastverhouding
Voldoet niet aan WCAG-vereisten

Hoge contrastverhouding
Voldoet aan WCAG-vereisten
Screenshot 2024-02-28 at 15.14.41.png Screenshot 2024-02-28 at 15.15.06.png