Zum Inhalt springenZum Inhalt springen

Mechanik-Modul · WCAG 2.4.3 · Stufe A

Tabindex Manager

Repariert die Tab-Reihenfolge, eliminiert positive `tabindex`-Werte und springt fehlerhafte Sprünge.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

Positive `tabindex`-Werte (z. B. `tabindex="3"`) sind die häufigste Quelle für kaputte Tab-Reihenfolgen. Sie überschreiben die natürliche DOM-Reihenfolge und führen zu unvorhersagbaren Sprüngen — besonders schlimm bei Page-Buildern mit verschachtelten Sektionen.

Das Modul entfernt positive `tabindex`-Werte und stellt die natürliche Reihenfolge wieder her. Bei Bedarf werden bewusste Sprünge über `tabindex="0"` (im Fluss) und `tabindex="-1"` (außer Fluss) ergänzt.

So implementiert das Plugin es

Technische Maßnahmen

  • Positive Werte → 0: macht das Element fokussierbar, lässt aber die DOM-Reihenfolge entscheiden.
  • `tabindex="-1"` bleibt erhalten: das ist legitim (Element fokussierbar per JS, nicht per Tab).
  • Visuelle Reihenfolge-Check: erkennt, wenn DOM-Reihenfolge ≠ visuelle Reihenfolge (Flexbox/Grid).
  • Reorder-Vorschlag: bei flagrant abweichender visueller Reihenfolge wird ein DOM-Reorder vorgeschlagen.
  • Modul-Konflikt-Schutz: Skip-Link-Sprung bleibt erhalten, auch wenn Tab-Index ansonsten neutralisiert wird.
Im Plugin-Backend

Diese Einstellungen findest du im Modul-Tab

  • Aggressivitäts-Level: konservativ (nur > 5) / mittel (>1) / aggressiv (alles > 0)
  • Visuelle Reorder-Vorschläge: an / aus
  • Whitelist-Selektoren (Elemente, die unangetastet bleiben)
  • Debug-Log mit Diff

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

Wann brauchst du das Modul?

Anwendungsfall

Empfohlen bei Page-Builder-Sites (Divi, Elementor, Bricks) und bei Themes mit komplexem Hero- oder Mega-Menu-Bau. Wenig nötig bei minimalistischen Themes wie Twenty-Twenty-One.

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.

  • WCAG 2.4.1

    Setzt semantische Landmark-Rollen und sichtbare Sprung-Links für Tastatur-Nutzer:innen und Screenreader.

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

Leichte Sprache