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:

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.

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.

Schritt 3: Den Menülink konfigurieren

Verwenden Sie beim Anlegen des Menüeintrags folgende Werte:

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.

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:

<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

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.

Aktualisiert am: 05/10/2026