KI-Modul · WCAG 4.1.2 + 1.3.1 · Stufe A

KI ARIA-Assistent

Analysiert komplexe Custom-Widgets und schlägt passende ARIA-Roles, States und Properties vor.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

Während das Mechanik-Modul „ARIA Manager" die häufigsten Fälle löst (Buttons, Tabs, Akkordeons), gibt es Custom-Widgets, die nicht pattern-basiert reparierbar sind — selbstgebaute Lightbox, ungewöhnlicher Date-Picker, Filter-Wizard. Hier hilft die KI.

Du markierst ein Widget im Backend (per Selektor oder Klick) und der KI-ARIA-Assistent analysiert dessen DOM-Struktur und liefert einen Patch-Vorschlag mit Begründung.

So implementiert das Plugin es

Technische Maßnahmen

Widget-Erfassung: per Backend-Klick (Element-Picker) oder CSS-Selektor.
DOM-Snapshot: HTML-Struktur des Widgets + 1 Ebene Eltern als Kontext.
KI-Analyse: identifiziert den UI-Pattern (Tab-List, Menu, Dialog, Grid, Tree) und schlägt entsprechende ARIA-Attribute vor.
Code-Diff-Vorschau: Vorher/Nachher direkt im Backend, mit Begründung pro Attribut.
Übernahme: über JavaScript-Hook (modifiziert DOM zur Laufzeit), nicht per Theme-Edit.

Im Plugin-Backend

Diese Einstellungen findest du im Modul-Tab

KI-Anbieter + API-Key
Modell: präziser empfohlen (Claude Sonnet, GPT-4)
Widget-Registry: aktive Custom-Widgets mit ihren Vorschlägen
Auto-Apply nach Bestätigung: ja / nur per Klick
Konflikt-Verhalten bei Re-Render: stabil bleiben / neu fragen

Pfad im Admin: WP-Admin → Barrierefreiheit → Module → KI ARIA-Assistent

Wann brauchst du das Modul?

Anwendungsfall

Empfohlen für Sites mit individuell entwickelten UI-Komponenten — Custom-Shop-Filter, eigene Login-Wizards, selbstgebaute Slider. Standard-Page-Builder-Sites brauchen das Modul meist nicht.

Verwandte Module

Das passt thematisch zusammen

ARIA Manager
WCAG 4.1.2
Vergibt automatisch korrekte ARIA-Roles, States und Properties auf interaktive Elemente.
Tastatur-Navigation
WCAG 2.1.1
Stellt sicher, dass jedes interaktive Element auch ohne Maus erreichbar ist — Tab, Enter, Pfeile, Esc.
KI Audit-Assistent
WCAG 2.1 AA/AAA
Inhaltliche WCAG-Issue-Erkennung jenseits klassischer Scanner — Tonalität, Klarheit, Link-Sinn, Mikrokopie.

Modul für deine Seite aktivieren?

Im 15-Minuten-Erstgespräch klären wir, ob das Modul für deinen Theme- und Inhalts-Typ relevant ist — und wie die Einrichtung aussieht.

15-Min-Erstgespräch
Alle Module ansehen