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:

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.

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.

Stap 3: De menulink configureren

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

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.

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:

<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

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.

Bijgewerkt op: 19/10/2026