Accessibility Toolbar & WCAG Helper (EAA / WCAG 2.1 AA). Accessibility Toolbar & WCAG Helper ajoute à votre boutique un widget d'accessibilité auto-hébergé, applique des améliorations WCAG 2.1 AA optionnelles et non destructives, génère une page de Déclaration d'accessibilité et inclut un audit WCAG basique dans le back-office. Il vous aide à répondre au European Accessibility Act (EAA). Aucun service tiers, aucun code, aucune modification de thème.
Accessibility Toolbar & WCAG Helper ajoute à votre boutique un widget d'accessibilité auto-hébergé, applique des améliorations WCAG 2.1 AA optionnelles et non destructives, génère une page de Déclaration d'accessibilité et inclut un audit WCAG basique dans le back-office. Il vous aide à répondre au European Accessibility Act (EAA). Aucun service tiers, aucun code, aucune modification de thème.
1. Installation
- Dans le back-office, allez dans Modules → Gestionnaire de modules → Ajouter un module et sélectionnez le ZIP du module.
- Une fois l'installation terminée, cliquez sur Configurer pour ouvrir l'écran des paramètres.
.local, .test, localhost) sont toujours autorisés. Quand une nouvelle version est disponible, elle est signalée directement dans le module.2. Configuration: étape par étape
L'écran Configurer comporte trois onglets, Paramètres, Déclaration d'accessibilité et Audit WCAG. L'onglet Paramètres est divisé dans les sections ci-dessous ; chacune peut être activée indépendamment.
Widget
Le bouton d'accessibilité affiché sur chaque page de la boutique. Activez-le et choisissez son apparence.
- Activer le widget d'accessibilité: l'interrupteur on/off de la barre du front-office.
- Position du bouton: En bas à droite, En bas à gauche, En haut à droite, En haut à gauche, Au milieu à droite ou Au milieu à gauche.
- Couleur du bouton: la couleur du bouton flottant.
- Icône du bouton: Fauteuil roulant, Personne, Œil ou Contraste.
Outils
Choisissez quels outils d'accessibilité apparaissent dans le widget. Chacun est un interrupteur on/off indépendant.
- Taille du texte: permet aux visiteurs d'agrandir le texte.
- Espacement du texte: augmente l'espacement entre les lettres, les mots et les lignes.
- Loupe: une loupe pour le contenu situé sous le curseur.
- Police lisible (dyslexie): bascule vers une police adaptée à la dyslexie.
- Contraste élevé: augmente le contraste pour les malvoyants.
- Inverser les couleurs: inverse les couleurs de la page.
- Niveaux de gris: supprime la couleur de la page.
- Surligner les liens: fait ressortir les liens.
- Surligner les titres: fait ressortir les titres.
- Grand curseur: affiche un curseur de souris plus grand.
- Arrêter les animations: met en pause les mouvements et animations.
- Guide de lecture: une règle horizontale qui suit le curseur.
Améliorations WCAG automatiques non destructif
Des corrections optionnelles en coulisses qui améliorent l'accessibilité sans modifier votre thème ni votre contenu. Contrôle également la Déclaration d'accessibilité générée.
- Lien « aller au contenu »: ajoute un lien clavier « aller au contenu » en haut de la page.
- Visibilité renforcée du focus: rend le contour du focus clavier clairement visible.
- Langue de la page / indications ARIA: ajoute la langue de la page et des indications ARIA de base.
- Repères de base (landmarks): ajoute des rôles de repère de base pour aider les lecteurs d'écran.
- Afficher le lien vers la déclaration dans le widget: affiche dans le widget un lien vers votre page de Déclaration d'accessibilité.
- Email de contact pour les retours: l'adresse affichée pour les retours sur l'accessibilité. Laissez vide pour utiliser l'email de la boutique.
Utilisez l'onglet Déclaration d'accessibilité pour modifier la déclaration multilingue (modèle faisant référence à l'EAA, à l'EN 301 549 et au WCAG 2.1 AA ; laissez une langue vide pour le texte par défaut localisé), et l'onglet Audit WCAG pour lancer l'audit basique dans le back-office.
3. Vérifier que tout fonctionne
- Ouvrez votre boutique et cliquez sur le bouton d'accessibilité, la barre d'outils doit s'ouvrir.
- Activez un outil comme Taille du texte ou Contraste élevé et vérifiez que la page change.
- Ouvrez la page Déclaration d'accessibilité générée (accessible depuis le widget lorsqu'il est activé).
- Dans le back-office, ouvrez l'onglet Audit WCAG et lancez l'audit pour voir le rapport.
4. Questions fréquentes
Le widget est-il auto-hébergé ?
Oui. Tous les scripts et styles sont servis depuis votre propre boutique, aucun service tiers et aucun appel externe pour la barre d'outils.
Garantit-il la conformité légale ?
Aucun outil ne le peut. Il vous aide à répondre à l'EAA et au WCAG 2.1 AA, mais une conformité totale nécessite une révision manuelle. L'audit du back-office est un outil d'aide, pas un validateur complet.
Va-t-il casser mon thème ?
Non. Les améliorations WCAG automatiques sont non destructives, elles ajoutent des aides à l'accessibilité sans modifier votre contenu ni votre mise en page.
Dois-je modifier mon thème ?
Non. Le module fonctionne via des hooks standards et est compatible avec tous les thèmes.