Aan de slag met iubenda’s WayWidget: Een stap-voor-stap gids

De European Accessibility Act (EAA) is op 28 juni 2025 volledig van kracht geworden en brengt nieuwe eisen met zich mee voor de toegankelijkheid van websites. Voor bedrijven die actief zijn binnen de EU of die EU-klanten bedienen, is het van cruciaal belang om de toegankelijkheid te verbeteren en zich aan te passen aan deze nieuwe normen. Met iubenda’s WayWidget is het toegankelijker maken van je website nog nooit zo eenvoudig geweest.

De nieuwe iubenda’s WayWidget maakt gebruik van AI-gestuurde aanpassingen om je website automatisch toegankelijker te maken voor gebruikers met verschillende beperkingen. De oplossing ondersteunt een reeks toegankelijkheidsfuncties, waardoor het voor gebruikers eenvoudiger wordt om door je site te navigeren en ermee te werken.

Wat is iubenda’s WayWidget?

iubenda’s WayWidget is een volledig geautomatiseerde widget die is ontworpen om de toegankelijkheid van je website te verbeteren. Het past je website in realtime aan om tegemoet te komen aan de behoeften van gebruikers met een beperking, inclusief opties zoals tekstgrootte aanpassen, modi met hoog contrast, compatibiliteit met schermlezers en meer. De belangrijkste functies zijn:

🎧 Geschikt voor schermlezers: Helpt je website leesbaar te maken voor schermlezers voor gebruikers met een visuele beperking.
🔳 Contrast en tekstgrootte: Hiermee kunnen gebruikers het contrast en de lettergrootte aanpassen aan hun behoeften.
⌨️ Toetsenbordnavigatie: Verbetert toetsenbordnavigatie voor gebruikers met motorische beperkingen.
🌀 Controle over dynamische content: Hiermee kunnen gebruikers met epilepsie of andere aandoeningen animaties of dynamische inhoud stoppen die schadelijk zouden kunnen zijn.

Met een eenvoudig installatieproces kun je meteen aan de slag zonder dat je de code van je website hoeft te veranderen.

Stap 1: Het activeren van de WayWidget

Ga naar het iubenda-dashboard: Op je iubenda-dashboard vind je de WayWidget-tegel onder je beschikbare producten.
De widget activeren: Klik op de Activeren-knop om de WayWidget te gaan gebruiken.

Stap 2: Het aanpassen van de WayWidget

Zodra je de WayWidget hebt geactiveerd, kun je deze laten aansluiten bij de uitstraling van je website met behulp van de WayWidget Configurator. Deze tool is beschikbaar voor zowel nieuwe prijsplannen als legacy-plannen.

Ga naar je iubenda-dashboard.
Vind de WayWidget-tegel.
Klik op de Instellingen-knop om de configurator te openen.

De configurator ziet er als volgt uit:

Binnen de configurator vind je verschillende opties om de widget je eigen te maken:

Positie van de triggerknop: Kies waar de knop van de widget op het scherm verschijnt: Boven-links, Onder-links, Onder-rechts, Boven-rechts

👉 Het hoofdwidgetpaneel opent altijd vanaf de onderkant van het scherm.

Widget Achtergrondkleur: Verander de achtergrondkleur zodat deze beter past bij het ontwerp van je site. (Tekstaanpassing is nog niet beschikbaar.)
Uiterlijk van de Triggerknop: Pas zowel de kleur van het pictogram als de achtergrondkleur van de triggerknop aan.
Standaardtaal: Stel de standaardtaal in voor de interface van de widget, zodat deze toegankelijker is voor je publiek.
URL van de Toegankelijkheidsverklaring: Voeg een aangepaste link toe naar de toegankelijkheidsverklaring van je site, zodat gebruikers deze gemakkelijk kunnen vinden.

💡 Alle wijzigingen die je in de configurator aanbrengt, worden automatisch toegepast op je WayWidget, zelfs als deze al op je website is ingesloten.

Stap 3: De WayWidget op je website installeren

Zodra je de widget hebt geactiveerd en geconfigureerd, kun je deze op je site insluiten.

De Widget insluiten: Kopieer het bijgeleverde codefragment voor de WayWidget en plak het helemaal aan het begin van de head-sectie van je website (direct na de <head>-tag) om de widget te installeren.

De werking van de widget controleren: Vernieuw na het insluiten je website om er zeker van te zijn dat de widget zichtbaar is en goed werkt. Je moet nu een klein toegankelijkheidspictogramzien:

Hoe de widget werkt voor eindgebruikers

Zodra de WayWidget is ingesloten en actief is op je website, kunnen eindgebruikers ermee werken om hun surfervaring aan te passen. Als gebruikers hun instellingen wijzigen via de widget, worden realtime aanpassingen gedaan aan de lay-out van de website, zodat de inhoud direct wordt geoptimaliseerd op basis van de geselecteerde voorkeuren. Dit is hoe de widget werkt en welke functies de widget heeft:

Uiterlijk van de widget: De WayWidget verschijnt als een klein pictogram. Als gebruikers op het pictogram klikken, wordt een menu met toegankelijkheidsopties geopend, zodat de lay-out van de website naadloos kan worden aangepast.

Gebruikersvoorkeuren: Met de widget kunnen gebruikers hun toegankelijkheidsvoorkeuren selecteren, zoals:

Tekstgrootte: Gebruikers kunnen de grootte van de tekst aanpassen voor een betere leesbaarheid.
Contrastinstellingen: Het contrast kan worden aangepast om content duidelijker naar voren te laten komen, vooral voor mensen met een visuele beperking.
Andere weergaveopties: De widget biedt ook een reeks weergave-instellingen om tegemoet te komen aan verschillende behoeften, zodat gebruikers gemakkelijker door de site kunnen navigeren op een manier die het beste bij hen past.
Tekstgrootte en -stijl: De tekst kan worden vergroot of aangepast op een manier die de tekst leesbaarder maakt zonder dat de pagina opnieuw hoeft te worden geladen.
Contrast: Hiermee kan de gebruiker wijzigingen toepassen op achtergrond- en tekstkleuren om de zichtbaarheid voor gebruikers met kleurenblindheid of slechtziendheid te verbeteren.

Dynamische content-controle: Voor gebruikers die gevoelig zijn voor animaties of knipperende content, biedt de widget de optie om animaties uit te schakelen of het gedrag van dynamische content aan te passen. Dit is vooral gunstig voor mensen met aandoeningen zoals epilepsie.
Verbeterde navigatie: Naast de visuele veranderingen verbetert de widget de toetsenbordnavigatie door de focusvolgorde te optimaliseren, waardoor het voor gebruikers met motorische beperkingen gemakkelijker wordt om efficiënt te navigeren en te communiceren met de pagina.
Geschikt voor schermlezers: De widget zorgt ervoor dat alle elementen compatibel zijn met schermlezers, zodat gebruikers met een visuele beperking alle content op je site gemakkelijk kunnen begrijpen en ermee kunnen communiceren.
Handig en toegankelijk: De toegankelijkheidsinstellingen blijven op elk moment gemakkelijk toegankelijk, omdat de widget op een vaste plaats op de site zweeft, zodat gebruikers wijzigingen kunnen aanbrengen wanneer dat nodig is.