Mechanik-Modul · WCAG 4.1.2 · Stufe A

ARIA Manager

Vergibt automatisch korrekte ARIA-Roles, States und Properties auf interaktive Elemente.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

Viele Themes setzen interaktive Elemente (Buttons, Tabs, Akkordeons) ohne korrektes ARIA-Markup um. Screenreader können sie dann nicht als das ansprechen, was sie sind — sie lesen nur „klickbar" oder gar nichts.

Der ARIA Manager scant alle interaktiven Elemente im DOM und vergibt fehlende role-, aria-label-, aria-expanded- und aria-controls-Attribute. Wo Themes bereits korrektes ARIA setzen, lässt das Modul es unangetastet.

So implementiert das Plugin es

Technische Maßnahmen

DOM-Scan beim Page-Load über `MutationObserver` — auch dynamisch nachgeladene Inhalte werden erfasst.
Pattern-Erkennung: Buttons ohne Label bekommen `aria-label` aus dem nächsten Text-Knoten.
Akkordeons/Tabs: `aria-expanded`-Wert wird live mit dem Open/Close-Status synchronisiert.
Custom-Widget-Schutz: bestehendes, korrektes ARIA wird nicht überschrieben (Whitelist).
Theme-Adapter für Divi-Toggles, Elementor-Akkordeons, Bricks-Tabs — kennen jeweilige DOM-Struktur.

Im Plugin-Backend

Diese Einstellungen findest du im Modul-Tab

Globaler Toggle: Modul aktiv / inaktiv
Theme-Adapter-Auswahl: Auto · Divi · Elementor · Bricks · WPBakery · Generic
Whitelist-Selektoren (CSS): Elemente, die nicht angefasst werden
Aggressivitäts-Level: konservativ (nur eindeutige Fälle) / mittel / aggressiv
Debug-Modus: Konsolen-Log aller Eingriffe

Pfad im Admin: WP-Admin → Barrierefreiheit → Module → ARIA Manager

Wann brauchst du das Modul?

Anwendungsfall

Praktisch jede WordPress-Seite mit Page-Builder profitiert vom ARIA Manager. Die meisten Themes setzen Akkordeons und Tabs ohne vollständiges ARIA um — das Modul schließt diese Lücke automatisch.

Besonders kritisch auf Vereinssites mit Mitgliederbereich-FAQs, Coaches-Sites mit Lehrplan-Akkordeons und Shops mit Filtern.

Verwandte Module

Das passt thematisch zusammen

Tastatur-Navigation
WCAG 2.1.1
Stellt sicher, dass jedes interaktive Element auch ohne Maus erreichbar ist — Tab, Enter, Pfeile, Esc.
Sichtbarer Fokus
WCAG 2.4.11
Sorgt für einen kräftigen, immer sichtbaren Fokus-Ring auf allen fokussierbaren Elementen — mit AAA-Kontrast.
KI ARIA-Assistent
WCAG 4.1.2 + 1.3.1
Analysiert komplexe Custom-Widgets und schlägt passende ARIA-Roles, States und Properties vor.

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