Aan de slag met de Accessibility Solution van iubenda: Een stap-voor-stap gids
De European Accessibility Act (EAA) wordt op 28 juni 2025 volledig van kracht 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 Accessibility Solution is het toegankelijker maken van je website heel eenvoudig.
De nieuwe Accessibility Solution van iubenda 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 de Accessibility Solution van iubenda?
iubenda’s Accessibility Solution is een volledig geautomatiseerde widget 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 te lezen door 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: De Accessibility Solution activeren
Ga naar het iubenda-dashboard: Op je iubenda-dashboard vind je de Accessibility Solution-tegel onder je beschikbare producten.
De widget activeren: Klik op de knop Activeren om de Accessibility Solution te gaan gebruiken.
Opmerking: De tool is in bèta en gratis te gebruiken tot 15 april. Na die datum betaal je € 6 per maand voor elke 10k paginaweergaven.
🔜 Binnenkort beschikbaar
Tijdens de doorlopende ontwikkeling zullen we voortdurend nieuwe functies en aanpassingsmogelijkheden uitbrengen. Dit omvat het aanpassen van de positie, kleur, layering (z-index) van de widget en beslissen hoe deze op je site verschijnt – als pictogram, label of beide. Deze opties maken het gemakkelijk om de widget perfect af te stemmen op het ontwerp van je website. Blijf op de hoogte!
Stap 2: De Accessibility Solution-widget op je website installeren
Zodra de widget is geactiveerd, is het tijd om hem in te sluiten op je site.
De Widget insluiten: Kopieer het bijgeleverde codefragment voor de toegankelijkheidswidget 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 Accessibility Solution-widget 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 toegankelijkheidswidget 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.
Met iubenda’s Accessibility Solution kun je de toegankelijkheid van je website verbeteren en alle gebruikers een betere, inclusievere ervaring bieden.
Begin vandaag nog en verbeter de toegankelijkheid van je website!
