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

# Hoe je de toegankelijkheid opent via een link met een aangepaste trigger

### Overzicht

Deze handleiding legt uit hoe je bezoekers het Pandectes-webtoegankelijkheidsvenster kunt laten openen via een aangepaste link, menu-item, knop of thema-element.

Dit is handig wanneer je een link naar **Web Accessibility** wilt toevoegen aan je footer, header of een ander zichtbaar gedeelte van je winkel.

Wanneer **Enable custom trigger** is ingeschakeld, wordt de standaard zwevende toegankelijkheidslauncher verborgen. Bezoekers openen het toegankelijkheidsvenster dan alleen via de aangepaste trigger die je configureert.

### Hoe de aangepaste trigger werkt

Pandectes luistert naar de triggernaam:

`triggerPandectesA11y`

Je kunt deze op twee manieren gebruiken:

| Triggertype | Gebruik deze waarde |
| ---- |
| Navigatie- of inlinelink | `#triggerPandectesA11y` |
| Knop of aangepast HTML-element | `id="triggerPandectesA11y"` |

Wanneer bezoekers op de link of het element klikken, wordt het webtoegankelijkheidsvenster geopend.

### Stap 1: De aangepaste trigger inschakelen

Schakel eerst de optie in de Pandectes-app in.

Ga naar **Web Accessibility > Widget**, open de sectie **Trigger** en schakel **Enable custom trigger** in.

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

Nadat deze optie is ingeschakeld:

* Wordt het zwevende pictogram van de toegankelijkheidswidget verborgen.
* Kunnen bezoekers het venster alleen openen via je aangepaste link of element.
* Kun je een menulink, inlinelink, knop of aangepast HTML-element als trigger gebruiken.

### Stap 2: De link toevoegen aan je Shopify-menu

Voeg nu een menu-item toe aan de navigatie van je winkel.

1. Log in op je **Shopify admin**.
2. Ga naar **Content > Menus**.
3. Selecteer het menu waaraan je de link wilt toevoegen, zoals **Footer**.
4. Klik op **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)

### Stap 3: De menulink configureren

Gebruik bij het aanmaken van het menu-item de volgende waarden:

| Veld | Waarde |
| ---- |
| **Name** | `Web Accessibility` |
| **Link** | `#triggerPandectesA11y` |

Je kunt voor het veld **Name** desgewenst een ander label gebruiken.

Klik op **Add** en klik vervolgens op **Save** om het menu bij te werken.

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

### Optioneel: een knop of aangepast HTML-element gebruiken

Als je in het thema je eigen knop of aangepaste besturing toevoegt, gebruik dan dezelfde trigger als element-ID.

Voorbeeld:

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

Gebruik:

* `#triggerPandectesA11y` voor links
* `id="triggerPandectesA11y"` voor knoppen of aangepaste HTML-elementen

Beide methoden openen hetzelfde toegankelijkheidsvenster.

### Stap 4: De trigger testen

Open je winkel en klik op de nieuwe menulink of aangepaste knop.

Het webtoegankelijkheidsvenster zou moeten openen en bezoekers de mogelijkheid geven om:

* Toegankelijkheidsfuncties in te schakelen
* Toegankelijkheidsprofielen in te schakelen
* Taalopties te wijzigen

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

### Opmerkingen

* Wanneer **Enable custom trigger** actief is, wordt de standaard zwevende toegankelijkheidslauncher verborgen.
* Zorg ervoor dat de aangepaste link of knop zichtbaar en gemakkelijk te vinden is.
* Voeg de trigger toe aan de footer of header als bezoekers de toegankelijkheidsopties vanaf elke pagina moeten kunnen openen.
* Als het venster niet opent, controleer dan of de triggerwaarde precies als `triggerPandectesA11y` is getypt.

### Samenvatting

Om het webtoegankelijkheidsvenster te openen via je eigen link of knop, schakel je **Enable custom trigger** in en voeg je vervolgens een link met `#triggerPandectesA11y` of een element met `id="triggerPandectesA11y"` toe. Bezoekers kunnen het toegankelijkheidsvenster dan openen via het element dat je hebt toegevoegd.