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

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

### Overview

This guide explains how to let visitors open the Pandectes web accessibility dialog from a custom link, menu item, button, or theme element.

This is useful when you want to add a **Web Accessibility** link to your footer, header, or another visible area of your storefront.

When **Enable custom trigger** is enabled, the default floating accessibility launcher is hidden. Visitors will open the accessibility dialog only through the custom trigger you configure.

### How the custom trigger works

Pandectes listens for the trigger name:

`triggerPandectesA11y`

You can use it in two ways:

| Trigger type | Use this value |
| ---- |
| Navigation or inline link | `#triggerPandectesA11y` |
| Button or custom HTML element | `id="triggerPandectesA11y"` |

When visitors click the link or element, the web accessibility dialog opens.

### Step 1: Enable the custom trigger

First, enable the option inside the Pandectes app.

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

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

After this option is enabled:

* The floating accessibility widget icon is hidden.
* Visitors can open the dialog only from your custom link or element.
* You can use a menu link, inline link, button, or custom HTML element as the trigger.

### Step 2: Add the link to your Shopify menu

Now add a menu item to your storefront navigation.

1. Log in to your **Shopify admin**.
2. Go to **Content > Menus**.
3. Select the menu where you want to add the link, such as **Footer**.
4. Click **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)

### Step 3: Configure the menu link

When creating the menu item, use the following values:

| Field | Value |
| ---- |
| **Name** | `Web Accessibility` |
| **Link** | `#triggerPandectesA11y` |

You can use another label for the **Name** field if needed.

Click **Add**, then click **Save** to update the menu.

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

### Optional: Use a button or custom HTML element

If you add your own button or custom control in the theme, use the same trigger as an element ID.

Example:

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

Use:

* `#triggerPandectesA11y` for links
* `id="triggerPandectesA11y"` for buttons or custom HTML elements

Both methods open the same accessibility dialog.

### Step 4: Test the trigger

Open your storefront and click the new menu link or custom button.

The web accessibility dialog should open and allow visitors to:

* Enable accessibility functions
* Enable accessibility profiles
* Change language options

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

### Notes

* When **Enable custom trigger** is active, the default floating accessibility launcher is hidden.
* Make sure the custom link or button is visible and easy to find.
* Add the trigger to the footer or header if visitors should be able to open accessibility options from any page.
* If the dialog does not open, confirm that the trigger value is typed exactly as `triggerPandectesA11y`.

### Summary

To open the web accessibility dialog from your own link or button, enable **Enable custom trigger**, then add either a link with `#triggerPandectesA11y` or an element with `id="triggerPandectesA11y"`. Visitors can then open the accessibility dialog from the control you added.