Comment ouvrir l'accessibilité depuis un lien avec un déclencheur personnalisé

Vue d'ensemble

Ce guide explique comment permettre aux visiteurs d'ouvrir la fenêtre d'accessibilité web de Pandectes depuis un lien personnalisé, un élément de menu, un bouton ou un élément du thème.

C'est utile lorsque vous souhaitez ajouter un lien Web Accessibility dans le pied de page, l'en-tête ou une autre zone visible de votre boutique.

Lorsque Enable custom trigger est activé, le lanceur d'accessibilité flottant par défaut est masqué. Les visiteurs ouvrent alors la fenêtre d'accessibilité uniquement via le déclencheur personnalisé que vous configurez.

Fonctionnement du déclencheur personnalisé

Pandectes écoute le nom de déclencheur :

triggerPandectesA11y

Vous pouvez l'utiliser de deux façons :

Lorsque les visiteurs cliquent sur le lien ou l'élément, la fenêtre d'accessibilité web s'ouvre.

Étape 1 : activer le déclencheur personnalisé

Commencez par activer l'option dans l'application Pandectes.

Allez dans Settings > Web Accessibility > Widget, ouvrez la section Trigger et activez Enable custom trigger.

Une fois cette option activée :

• L'icône flottante du widget d'accessibilité est masquée.
• Les visiteurs ne peuvent ouvrir la fenêtre que depuis votre lien ou élément personnalisé.
• Vous pouvez utiliser un lien de menu, un lien dans le texte, un bouton ou un élément HTML personnalisé comme déclencheur.

Étape 2 : ajouter le lien à votre menu Shopify

Ajoutez maintenant un élément de menu à la navigation de votre boutique.

1. Connectez-vous à votre Shopify admin.
2. Allez dans Content > Menus.
3. Sélectionnez le menu auquel vous souhaitez ajouter le lien, par exemple Footer.
4. Cliquez sur Add menu item.

Étape 3 : configurer le lien du menu

Lors de la création de l'élément de menu, utilisez les valeurs suivantes :

Vous pouvez utiliser un autre libellé pour le champ Name si nécessaire.

Cliquez sur Add, puis sur Save pour mettre à jour le menu.

Facultatif : utiliser un bouton ou un élément HTML personnalisé

Si vous ajoutez votre propre bouton ou contrôle personnalisé dans le thème, utilisez le même déclencheur comme identifiant d'élément.

Exemple :

<button type="button" id="triggerPandectesA11y">Web Accessibility</button>

Utilisez :

• #triggerPandectesA11y pour les liens
• id="triggerPandectesA11y" pour les boutons ou les éléments HTML personnalisés

Les deux méthodes ouvrent la même fenêtre d'accessibilité.

Étape 4 : tester le déclencheur

Ouvrez votre boutique et cliquez sur le nouveau lien de menu ou le bouton personnalisé.

La fenêtre d'accessibilité web doit s'ouvrir et permettre aux visiteurs de :

• Activer les fonctions d'accessibilité
• Activer les profils d'accessibilité
• Modifier les options de langue

Remarques

• Lorsque Enable custom trigger est actif, le lanceur d'accessibilité flottant par défaut est masqué.
• Assurez-vous que le lien ou le bouton personnalisé est visible et facile à trouver.
• Ajoutez le déclencheur dans le pied de page ou l'en-tête si les visiteurs doivent pouvoir ouvrir les options d'accessibilité depuis n'importe quelle page.
• Si la fenêtre ne s'ouvre pas, vérifiez que la valeur du déclencheur est saisie exactement comme triggerPandectesA11y.

Résumé

Pour ouvrir la fenêtre d'accessibilité web depuis votre propre lien ou bouton, activez Enable custom trigger, puis ajoutez soit un lien avec #triggerPandectesA11y, soit un élément avec id="triggerPandectesA11y". Les visiteurs peuvent alors ouvrir la fenêtre d'accessibilité depuis le contrôle que vous avez ajouté.

Mis à jour le : 02/10/2026