Toolbar: Accessibility

Zurück: Demo-Übersicht

Status: [Live]. Quelle: lib/plugins/wkfluentui/scripts/toolbar.js.

Toolbar-Basiskontrakt bereits verstanden.

Progressive Erweiterung, kein zweiter Code-Pfad: ohne das Skript bleibt jede Aktion ein normal per Tab erreichbares Element — dieselbe Garantie wie bei allen anderen Skripten dieser Bibliothek.

Kein zusätzlicher Aufruf nötig — Roving-Tabindex ist automatisch aktiv, sobald scripts/toolbar.js lädt.

Gilt automatisch für jede toolbar() mit mindestens zwei fokussierbaren Kindern.

<div class="wk-toolbar" role="toolbar"> mit mindestens zwei fokussierbaren Kindern erhält Roving-Tabindex: Pfeiltasten wechseln, welches Element tabindex=„0“ trägt (die übrigen tabindex=„-1“), Pos1/Ende springen zum ersten/letzten Element.

Keine zusätzlichen $opts — das Verhalten hängt nur von der Anzahl fokussierbarer Kinder ab (Abschnitt 6).

Gruppen-Semantik: eine .wk-toolbar__group ohne Gruppentitel trägt bewusst keine eigene ARIA-Rolle — rein optische Trennung, Screenreader hören die Toolbar als flache Liste. Sobald eine Gruppe per groupLabel einen sichtbaren Titel trägt (Ribbon- Gruppen), erhält sie role="group" + aria-labelledby auf den Titel — ein autoritativer Gruppenname am Container (statt aria-describedby je Item, das eine Injektion in Aufrufer-HTML verlangt hätte).

Entfällt — reine Referenzseite.

Bei nur einem fokussierbaren Item aktiviert sich Roving-Tabindex nicht — Tab erreicht das einzige Element ohnehin direkt, kein Bug.

Diese Seite ist der Accessibility-Überblick.

Symptom: Pfeiltasten-Navigation zwischen Toolbar-Items funktioniert nicht.

Ursache: scripts/toolbar.js wurde nicht geladen, oder die Toolbar hat weniger als zwei fokussierbare Kinder.

Lösung: Skript-Ladeweg prüfen (DOKUWIKI:include-Direktive in script.js).

• Demo-Übersicht — alle Kategorien
• Tab Control: Accessibility — verwandtes Roving-Tabindex-Muster