Embed-Code für hpe.de

Füge diesen Script-Tag in das HTML von www.hpe.de ein – direkt vor dem schließenden </body>-Tag.

Script-Tag

<script src="https://hpe-wcag.mxm.marketing/a11y-widget.js?v=202603022334" defer></script>

v202603022334Cache-Buster im Format YYYYMMDDHHmm – bei jedem Deploy aktualisieren

Einbindungsanleitung

Script-Tag kopieren

Den obigen Code mit der festen Domain hpe-wcag.mxm.marketing kopieren.

In hpe.de einfügen

Den Tag direkt vor </body> in das HTML der Website einfügen – nach dem bestehenden Chat-Widget-Script.

Testen

Der Barrierefreiheits-Button erscheint bei bottom: 96px, right: 10px – direkt über dem Chat-Button. Das Widget lädt seine Konfiguration von hpe-wcag.mxm.marketing.

Bei Updates: Cache-Buster aktualisieren

Nach jedem Deploy auf "Aktualisieren" klicken und den neuen Script-Tag einfügen. Das Format YYYYMMDDHHmm erlaubt mehrere Deploys pro Tag.

Technische Details

Button-Position

bottom: 96px, right: 10px

Button-Größe

56 × 56 px, Kreis

z-index Button

10001

z-index Panel

10051

Panel-Breite

360px (max 100vw − 20px)

CSS-Isolation

!important auf alle Regeln

State-Persistenz

localStorage

Analytics

POST /api/a11y/event

z-index Hierarchie auf hpe.de

10051

A11y-Panel (neu)NEU

10050

Chat-Fenster (bestehend)

10001

A11y-Button (neu)NEU

10000

Chat-Toggle (bestehend)

9999

Bestehender A11y-Button hpe.de