> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.pandectes.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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 :

| Type de déclencheur | Valeur à utiliser |
| ---- |
| Lien de navigation ou lien dans le texte | `#triggerPandectesA11y` |
| Bouton ou élément HTML personnalisé | `id="triggerPandectesA11y"` |

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**.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/untitled-design-4_e271a9.jpg =900x310)

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**.

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/3_1s6c6gd.jpg =900x310)

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/2_1o1ppzo.jpg =900x310)

### Étape 3 : configurer le lien du menu

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

| Champ | Valeur |
| ---- |
| **Name** | `Web Accessibility` |
| **Link** | `#triggerPandectesA11y` |

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

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

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/1_1x3wdat.jpg =900x310)

### 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 :

```html
<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

![](https://storage.crisp.chat/users/helpdesk/website/-/1/a/5/a/1a5af239e847cf00/4_1umdifi.jpg =900x310)

### 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é.