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

# So öffnen Sie die Barrierefreiheit über einen eigenen Link

### Überblick

Diese Anleitung erklärt, wie Sie Besuchern ermöglichen, das Barrierefreiheits-Fenster von Pandectes über einen eigenen Link, einen Menüeintrag, eine Schaltfläche oder ein Theme-Element zu öffnen.

Das ist nützlich, wenn Sie einen Link **Web Accessibility** in Ihren Footer, Ihren Header oder einen anderen gut sichtbaren Bereich Ihres Shops aufnehmen möchten.

Ist **Enable custom trigger** aktiviert, wird das standardmäßig schwebende Barrierefreiheits-Symbol ausgeblendet. Besucher öffnen das Fenster dann ausschließlich über den von Ihnen eingerichteten Auslöser.

### So funktioniert der eigene Auslöser

Pandectes reagiert auf den Auslösernamen:

`triggerPandectesA11y`

Sie können ihn auf zwei Arten verwenden:

| Art des Auslösers | Zu verwendender Wert |
| ---- |
| Navigations- oder Inline-Link | `#triggerPandectesA11y` |
| Schaltfläche oder eigenes HTML-Element | `id="triggerPandectesA11y"` |

Klicken Besucher auf den Link oder das Element, öffnet sich das Barrierefreiheits-Fenster.

### Schritt 1: Den eigenen Auslöser aktivieren

Aktivieren Sie die Option zunächst in der Pandectes-App.

Gehen Sie zu **Web Accessibility > Widget**, öffnen Sie den Bereich **Trigger** und aktivieren Sie **Enable custom trigger**.

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

Nach dem Aktivieren gilt:

* Das schwebende Barrierefreiheits-Symbol ist ausgeblendet.
* Besucher öffnen das Fenster ausschließlich über Ihren eigenen Link oder Ihr Element.
* Als Auslöser dienen ein Menülink, ein Inline-Link, eine Schaltfläche oder ein eigenes HTML-Element.

### Schritt 2: Den Link in Ihr Shopify-Menü aufnehmen

Fügen Sie nun einen Menüeintrag in die Navigation Ihres Shops ein.

1. Melden Sie sich in Ihrem **Shopify-Adminbereich** an.
2. Gehen Sie zu **Content > Menus**.
3. Wählen Sie das Menü, in das Sie den Link aufnehmen möchten, zum Beispiel **Footer**.
4. Klicken Sie auf **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)

### Schritt 3: Den Menülink konfigurieren

Verwenden Sie beim Anlegen des Menüeintrags folgende Werte:

| Feld | Wert |
| ---- |
| **Name** | `Web Accessibility` |
| **Link** | `#triggerPandectesA11y` |

Für das Feld **Name** können Sie bei Bedarf eine andere Bezeichnung wählen, etwa `Barrierefreiheit`.

Klicken Sie auf **Add** und anschließend auf **Save**, um das Menü zu aktualisieren.

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

### Optional: eine Schaltfläche oder ein eigenes HTML-Element verwenden

Wenn Sie im Theme eine eigene Schaltfläche oder ein eigenes Bedienelement einbauen, nutzen Sie denselben Auslöser als Element-ID.

Beispiel:

```html
<button type="button" id="triggerPandectesA11y">Barrierefreiheit</button>
```

Verwenden Sie:

* `#triggerPandectesA11y` für Links
* `id="triggerPandectesA11y"` für Schaltflächen oder eigene HTML-Elemente

Beide Wege öffnen dasselbe Barrierefreiheits-Fenster.

### Schritt 4: Den Auslöser testen

Öffnen Sie Ihren Shop und klicken Sie auf den neuen Menülink oder Ihre Schaltfläche.

Das Barrierefreiheits-Fenster sollte sich öffnen und Besuchern Folgendes ermöglichen:

* Funktionen der Barrierefreiheit aktivieren
* Barrierefreiheits-Profile aktivieren
* Sprachoptionen ändern

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

### Hinweise

* Ist **Enable custom trigger** aktiv, wird das standardmäßig schwebende Barrierefreiheits-Symbol ausgeblendet.
* Achten Sie darauf, dass Ihr Link oder Ihre Schaltfläche gut sichtbar und leicht auffindbar ist.
* Nehmen Sie den Auslöser in Footer oder Header auf, damit Besucher die Barrierefreiheits-Optionen von jeder Seite aus öffnen können.
* Öffnet sich das Fenster nicht, prüfen Sie, ob der Wert exakt `triggerPandectesA11y` lautet.

### Zusammenfassung

Um das Barrierefreiheits-Fenster über einen eigenen Link oder eine eigene Schaltfläche zu öffnen, aktivieren Sie **Enable custom trigger** und ergänzen entweder einen Link mit `#triggerPandectesA11y` oder ein Element mit `id="triggerPandectesA11y"`. Besucher öffnen das Fenster dann über das von Ihnen eingefügte Bedienelement.