How to open the Accessibility from a link using a custom trigger

Overview

You can allow visitors to open web accessibility at any time by adding a link to your store’s navigation menu (or another control you add in your theme).

This is useful if you want to provide visitors with a “Web Accessibility” link in your footer or header menu.

When Enable custom trigger is turned on in Pandectes, the default floating accessibility launcher icon is hidden on the storefront. Visitors open the dialog only through links or elements you configure using triggerPandectesA11y (see below).

When clicked, the matching link or element opens the web accessibility dialog, allowing visitors to enable functions/profiles.

Step 1 – Enable the Custom Trigger

First, enable the option inside the Pandectes app.

Navigate to Settings > Web Accessibility > Widget, open the Trigger section, and enable Enable custom trigger.

Once enabled:

• The floating widget icon is hidden (your menu link or custom element becomes the way to open the dialog).
• You can open the dialog using either:
• A menu or inline link whose URL is the anchor #triggerPandectesA11y, or
• Any HTML element (for example a button) with id="triggerPandectesA11y".

Step 2 – Add the Link to Your Shopify Menu

Now you can add a link to your store menu.

1. Log in to your Shopify Admin.
2. Go to Online Store > Content > Menus.
3. Select the menu where you want to add the link (for example Footer).
4. Click Add menu item.

Step 3 – Configure the Menu Link

When creating the menu item:

• Name: Web Accessibility (or any label you prefer)
• Link: #triggerPandectesA11y

Example:

Name: Web Accessibility
Link: #triggerPandectesA11y

Click Add, then Save the menu.

Step 3b – Optional: Use a Button or Custom HTML (same trigger ID)

If you add your own control in the theme (for example in a section or snippet), give it the same identifier triggerPandectesA11y so it opens the dialog when clicked:

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

Use #triggerPandectesA11y on links and id="triggerPandectesA11y" on elements—both refer to the same triggerPandectesA11y trigger.

Step 4 – Test the Link or Button

Visit your store and click the new menu link or your custom control.

When clicked, the web accessibility dialog will open, allowing visitors to:

• Enable functions
• Enable accessibility profiles
• Change languages

Summary

To allow visitors to open web accessibility from your navigation or theme:

1. Enable Enable custom trigger under Settings > Web Accessibility > Widget (Trigger section). The floating launcher icon is hidden when this is on.
2. Add a navigation link with #triggerPandectesA11y, or add id="triggerPandectesA11y" to a button or other element.
3. Visitors use that control to open the web accessibility dialog and manage functions at any time.

Updated on: 20/05/2026