Zum Inhalt springenZum Inhalt springen

🗣️ Leichte Sprache · Stand: 27.05.2026  |  ← Normale Sprache

Das Plugin vergibt ARIA-Eigenschaften automatisch. So erkennt der Computer Elemente wie Buttons besser.

Viele Designs machen Fehler bei interaktiven Elementen. Der Screenreader erkennt Buttons dann nicht. Der ARIA Manager prüft alle interaktiven Elemente. Er ergänzt die fehlenden ARIA-Informationen. Korrekte Informationen lässt er unverändert.

Pfad in der Verwaltung: WP-Admin → Barrierefreiheit → Module → ARIA Manager

Fast jede WordPress-Seite mit Baukasten profitiert vom ARIA Manager. Viele Designs setzen keine vollständigen ARIA-Informationen. Das Plugin ergänzt diese automatisch. Wichtig für Vereinsseiten, Trainerseiten und Onlineshops.

Im 15-Minuten-Gespräch klären wir, ob das Plugin zu dir passt. Wir zeigen dann, wie du es einrichtest.

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

Normale Sprache