Wave Access

Das Handbuch zum Barrierefreiheits-Plugin: von der Installation über die Widget-Anpassung bis zu Prüfberichten, Erklärung und KI-Werkzeugen. Alle Einstellungen findest du in WordPress unter Einstellungen → Barrierefreiheit.

Installation

1. Plugin-ZIP im WordPress-Backend unter Plugins → Installieren → Plugin hochladen auswählen und installieren — oder den Ordner wave-access nach /wp-content/plugins/ laden.
2. Plugin in der Plugin-Liste aktivieren. Dort findest du auch direkt den Link Einstellungen.
3. Fertig — das Eingabehilfen-Widget erscheint sofort unten rechts auf deiner Website. Alle Basis-Fixes (Skip-Links, Fokus-Indikator, ARIA-Landmarks) sind ab Werk aktiv.

Lizenz aktivieren Pro

Deinen Lizenzschlüssel findest du in der Bestell-E-Mail und im Kundenbereich.

1. Öffne Einstellungen → Barrierefreiheit → Lizenz.
2. Schlüssel eintragen (Format WAVE-XXXX-XXXX-XXXX) und auf Aktivieren klicken.
3. Der Tarif (Pro, Pro AI oder Agency) wird angezeigt und alle enthaltenen Funktionen schalten sich frei — ein Schlüssel für alles, auch die KI-Funktionen.

Agency-Lizenzen lassen sich auf bis zu 25 Websites aktivieren; die Übersicht der belegten Sites zeigt der Lizenz-Tab und der Kundenbereich. Mit „Lizenz von dieser Website lösen" gibst du einen Platz wieder frei — praktisch beim Umzug von Kundenprojekten.

Widget: Funktionen für Besucher

Das Widget bietet Besuchern zehn Anzeige-Modi und vier Regler — alle Einstellungen werden 30 Tage im Browser des Besuchers gespeichert (ohne Tracking, ohne Server-Übertragung):

Im Reiter Widget schaltest du Funktionsgruppen einzeln ab (z. B. Grauskala, Kontrast-Modi, Schrift-Regler, Link-Unterstreichung), wenn du das Panel schlanker halten willst.

Schwebender Button

Alles im Reiter Widget → Schwebender Button:

Du kannst den Button auch komplett ausschalten und das Panel stattdessen selbst platzieren — siehe Einbindung.

Aussehen & Theme

Design-Kopplung per CSS-Variablen

Für Entwickler: Statt fester Farben kannst du das Widget an die CSS-Custom-Properties deines Themes koppeln. Dann folgt es automatisch jedem Design-Wechsel — inklusive Dark-Mode.

Akzentfarbe

Im Feld Akzentfarbe statt eines Hex-Werts einfach die Variable eintragen:

var(--primary)   oder kurz:   --primary

Panel-Hintergrund und Textfarbe

Panel-Theme auf Eigene Variablen stellen und die Variablennamen eintragen, die dein Theme definiert, z. B.:

:root { --site-bg: #ffffff; --site-text: #1d1d1f; }
@media (prefers-color-scheme: dark) {
  :root { --site-bg: #1c1b22; --site-text: #f4f4f5; }
}

Das Widget übernimmt background: var(--site-bg) und color: var(--site-text) und leitet alle Sekundärfarben (Kachel-Hintergründe, Trennlinien, Rahmen) per color-mix() automatisch daraus ab. Wechselt die Website per Media-Query oder Klasse ins Dunkle, zieht das Widget ohne weitere Konfiguration mit.

Gutenberg-Block

Suche im Block-Editor nach „Eingabehilfen-Panel" (Kategorie Widgets). Der Block rendert dasselbe Panel wie der schwebende Button — ideal für Footer, Popups oder eine eigene „Barrierefreiheit"-Seite. In der Block-Seitenleiste stellst du Titel, Titel-Anzeige und Zurücksetzen-Button ein.

Shortcode

Das Panel an beliebiger Stelle — auch in Theme-Dateien via do_shortcode():

[wave_access]

[wave_access title="Hilfe bei der Bedienung" show_title="1" show_reset="0"]

Elementor

Ist Elementor aktiv, erscheint automatisch das Widget „Wave Access – Eingabehilfen" im Elementor-Panel (Kategorie Allgemein, Suchwörter „accessibility", „barrierefreiheit"). Per Drag & Drop platzieren; Titel, Titel-Anzeige und Zurücksetzen-Button stellst du direkt in den Widget-Optionen ein.

WPBakery

Ist WPBakery (Visual Composer) aktiv, findest du das Element „Wave Access – Eingabehilfen" im Element-Katalog unter Inhalt — mit denselben drei Optionen wie Block und Shortcode.

Barrierefreiheitserklärung Pro

Der Reiter Erklärung erzeugt eine fertige Barrierefreiheitserklärung nach BFSG/EAA als WordPress-Seite:

1. Organisation, Kontakt-E-Mail und optional Telefon eintragen.
2. Konformitätsstatus wählen — teilweise vereinbar ist der übliche, ehrliche Stand.
3. Bekannte Einschränkungen ergänzen (z. B. „Ältere PDF-Dokumente sind noch nicht barrierefrei").
4. Sprache wählen — alle 29 Plugin-Sprachen stehen zur Auswahl (Deutsch und Englisch redaktionell gepflegt, weitere folgen).
5. Seite erstellen — die Erklärung erscheint als veröffentlichte Seite; bei Änderungen einfach erneut speichern, die Seite wird aktualisiert.

Prüfbericht & PDF

Der Reiter Prüfbericht bündelt drei Werkzeuge:

• Übersicht — Statistik zu Bildern ohne Alt-Text, Checklisten-Fortschritt und Gesamtstatus. Hier startest du auch den PDF-Prüfbericht Pro: eine druckoptimierte Nachweis-Dokumentation (Zusammenfassung, aktive Maßnahmen, komplette Checkliste, Bilderliste), die du über den Druckdialog als PDF speicherst.
• Bilder-Analyse — Detailliste aller Bilder ohne Alt-Text mit Vorschau, Fundstellen und Direktlink zur Bearbeitung. Free zeigt die ersten 50 Bilder; Pro prüft unbegrenzt und exportiert als CSV.
• BFSG-Checkliste — 27 Kriterien nach WCAG 2.1 AA in fünf Kategorien, mit Fortschrittsbalken und Speicherfunktion. Die Selbstbewertung fließt in den PDF-Bericht ein.

KI-Funktionen Pro AI

Die KI-Funktionen laufen über die Wave-Tools-Server in Deutschland und werden über deine Lizenz freigeschaltet. Kontingente je Tarif findest du unter Tarife.

Automatische Alt-Texte

• Beim Upload: Schalter „Alt-Texte automatisch beim Upload" — neue Bilder werden asynchron beschrieben.
• Bestand nachrüsten: „Mediathek prüfen" zählt Bilder ohne Alt-Text, „Jetzt erzeugen" arbeitet sie mit Fortschrittsanzeige ab. Vorhandene Alt-Texte bleiben unangetastet.
• Sprache: folgt der Website-Sprache, überschreibbar im KI-Tab.

Leichte Sprache & KI-Vorlesen

Beide Funktionen sind Bestandteil des Pro-AI-Tarifs und werden automatisch über deine Lizenz freigeschaltet, sobald sie für dein Konto verfügbar sind — du siehst den Status im KI-Tab.

Backend-Optionen

Tarife im Überblick

Preise und Bestellung: wavetools.io/#pricing · Verwaltung: Kundenbereich

Support

Fragen, Fehler, Wünsche? Schreib an support@wavetools.io — Pro-Kunden antworten wir mit Priorität. Hilfreich sind deine WordPress- und Plugin-Version (siehe Plugin-Liste) sowie eine kurze Beschreibung, was du erwartet und was du stattdessen gesehen hast.