Jetzt starten.

Die Dokumentation erklärt alle Funktionen, Konfigurationsoptionen und Integrationswege des area11y - von der einfachen Einbindung per Script-Tag bis hin zur individüllen Anpassung über API und Events.

Installation - Script Tag

Binde den Loader per Script-Tag ein. Er validiert die Lizenz serverseitig und lädt anschliessend den Core.

<script
  src="https://engine.area11y.com/loader.js"
  data-key="YOUR-LICENSE"
  data-position="bottom-right"
  data-primary-color="#6366f1"
  data-hotkey="Alt+A"
  data-locale="en"
  defer
></script>

Installation - npm

Nutze das npm-Paket, um den Loader programmgesteuert einzubinden. Funktioniert in React, Vue, Svelte, Vanilla JS und jeder anderen Bundler-Umgebung.

npm install area11y

import { loadA11Y } from 'area11y/loader'

loadA11Y({
  licenseKey: 'YOUR-LICENSE',
  position: 'bottom-right',
  primaryColor: '#6366f1',
  hotkey: 'Alt+A',
  locale: 'en',
})

API Options

Option	Typ	Default	Beschreibung
`selector`	`string`	`'body'`	DOM-Selector, an dem der Widget-Container gemountet wird.
`position`	`'bottom-right' \| 'bottom-left' \| 'bottom-center'`	`'bottom-right'`	Position des Floating-Buttons.
`primaryColor`	`string`	`'#000000'`	Hintergrundfarbe für Button und Akzente.
`licenseKey`	`string`	`YOUR-LICENSE`	Validiert die Installation und schaltet Premium-Module frei.
`hotkey`	`string`	`undefined`	Tastaturkürzel zum öffnen (z. B. Alt+A).
`locale`	`string`	`undefined`	Fixe Sprache; leer lassen für <html lang>.