La loi européenne sur l’accessibilité (EAA) est entrée pleinement en vigueur le 28 juin 2025, imposant de nouvelles exigences en matière d’accessibilité des sites web. Pour les entreprises qui exercent des activités dans l’UE ou qui travaillent avec des clients européens, il est essentiel d’améliorer l’accessibilité et de s’aligner sur ces nouvelles normes. Accessibility Widget de iubenda facilite l’accessibilité de votre site web comme jamais auparavant.
Le nouveau Accessibility Widget de iubenda a recours à des réglages pilotés par l’IA pour rendre automatiquement votre site web plus accessible aux utilisateurs souffrant de divers handicaps. Cette solution prend en charge une série de fonctions d’accessibilité, ce qui facilite la navigation et l’interaction des utilisateurs avec votre site.
Qu’est-ce que l’Accessibility Widget de iubenda ?
L’Accessibility Widget de iubenda est un widget entièrement automatisĂ© visant Ă amĂ©liorer l’accessibilitĂ© de votre site web. Il adapte votre site web en temps rĂ©el pour rĂ©pondre aux besoins des utilisateurs Ă mobilitĂ© rĂ©duite, en proposant des options telles que le redimensionnement du texte, les modes Ă fort contraste, la compatibilitĂ© avec les lecteurs d’écran, etc. Les principales fonctionnalitĂ©s sont les suivantes :
- 🎧 Compatibilité avec les lecteurs d’écran : Permet la lisibilité de votre site web par le biais des lecteurs d’écran pour les utilisateurs malvoyants.
- 🔳 Contraste et redimensionnement du texte : Permet aux utilisateurs d’ajuster le contraste et la taille des caractères en fonction de leurs besoins.
- ⌨️ Navigation au clavier : Améliore la navigation au clavier pour les utilisateurs souffrant de handicaps moteurs.
- 🌀 Contrôle du contenu dynamique : Permet aux utilisateurs souffrant d’épilepsie ou d’autres maladies d’arrêter les animations ou le contenu dynamique qui pourraient être dangereux.
Grâce à un processus d’installation simple, vous pouvez commencer tout de suite sans avoir à modifier le code de votre site web.
Étape 1 : Activation de l’Accessibility Widget
- Accédez au tableau de bord iubenda : Depuis votre tableau de bord iubenda, recherchez la mosaïque Accessibility Widget sous vos produits disponibles.
- Activez le widget : Cliquez sur le bouton Activer pour commencer Ă utiliser l’Accessibility Widget.
🔜 Prochainement
Au cours du développement, nous mettrons continuellement à votre disposition de nouvelles fonctionnalités et options de personnalisation. Il s’agit notamment d’ajuster la position du widget, sa couleur, son agencement (z-index) et de décider de la manière dont il apparaît sur votre site, que ce soit sous forme d’icône, d’étiquette ou des deux. Ces options permettent d’adapter parfaitement le widget à la configuration de votre site web. Restez à l’écoute !
Étape 2 : Installation de l’Accessibility Widget sur votre site web
Une fois le widget activé, intégrez-le à votre site.
-
Intégration du widget : Copiez le code fourni pour le widget d’accessibilité et collez-le au tout début de la section « head » de votre site web (juste après la balise
<head>) pour installer le widget. - Vérifiez la fonctionnalité du widget : Après l’intégration, actualisez votre site web pour vous assurer de la visibilité et de la fonctionnalité du widget. Vous devriez maintenant voir une petite icône d’accessibilité :
Comment cela fonctionne-t-il pour les utilisateurs finaux ?
Une fois que l’Accessibility Widget est intĂ©grĂ© et activĂ© sur votre site web, les utilisateurs finaux pourront interagir avec lui pour personnaliser leur expĂ©rience de navigation. Lorsque les utilisateurs modifient leurs paramètres Ă l’aide du widget, des modifications en temps rĂ©el sont apportĂ©es Ă la mise en page du site web, ce qui garantit l’optimisation instantanĂ©e du contenu en fonction des prĂ©fĂ©rences sĂ©lectionnĂ©es. Voici comment le widget se comporte et les fonctionnalitĂ©s qu’il propose :
- Apparence du widget : Le widget d’accessibilité se présente sous la forme d’une petite icône. Lorsque l’utilisateur clique dessus, un menu d’options d’accessibilité s’ouvre, ce qui permet d’ajuster la mise en page du site web de manière intuitive.
- Préférences utilisateur : Le widget permet aux utilisateurs de sélectionner leurs préférences en matière d’accessibilité, telles que :
- Taille du texte : Les utilisateurs peuvent modifier la taille du texte pour une meilleure lisibilité.
- Réglages du contraste : Ajustez le contraste pour rendre le contenu plus visible, en particulier pour les personnes souffrant de déficiences visuelles.
- Autres options d’affichage : Le widget propose également une série de paramètres d’affichage pour répondre à différents besoins, facilitant ainsi la navigation des utilisateurs sur le site selon leurs préférences.
- Taille et style du texte : Agrandit ou ajuste le texte de manière à le rendre plus lisible sans qu’il soit nécessaire de recharger la page.
- Contraste : Modifie les couleurs de l’arrière-plan et du texte pour améliorer la visibilité des utilisateurs daltoniens ou malvoyants.
- Contrôle du contenu dynamique : Pour les utilisateurs sensibles aux animations ou aux contenus clignotants, le widget leur offre la possibilité de désactiver les animations ou de modifier le comportement des contenus dynamiques. Cette option est particulièrement utile pour les personnes souffrant de maladies telles que l’épilepsie.
- Amélioration de la navigation : Outre les modifications visuelles, le widget améliore la navigation au clavier en optimisant l’ordre des priorités, ce qui permet aux utilisateurs souffrant de handicaps moteurs de naviguer et d’interagir plus facilement avec la page.
- Compatibilité avec les lecteurs d’écran : Le widget garantit la compatibilité de tous les éléments avec les lecteurs d’écran, ce qui permet aux utilisateurs malvoyants de comprendre et d’interagir facilement avec l’ensemble du contenu de votre site.
- Pratique et accessible : Les paramètres d’accessibilité restent facilement accessibles à tout moment, grâce au widget flottant dans une position fixe sur le site, ce qui permet aux utilisateurs d’apporter des modifications en fonction de leurs besoins.
L’Accessibility Widget de iubenda vous permet d’amĂ©liorer l’accessibilitĂ© de votre site web et d’offrir une meilleure expĂ©rience, plus inclusive, Ă tous les utilisateurs.