NavBar: Accessibility

Zurück: Demo-Übersicht

Die Navigationsleiste baut auf nativem details/summary auf – Gruppen klappen ohne JavaScript auf, und Vorleseprogramme kennen die Semantik bereits.

Status: [Live].

NavBar-Basiskontrakt bereits verstanden.

Native <details>/<summary>-Semantik für Gruppen (kostenlos, wie bei TreeView → Accessibility).

Entfällt – konsolidierte Referenzseite.

Für eine Barrierefreiheits-Abnahme: Abschnitt 6/7 gegen badge- und kollabierte Icon-Einträge abgleichen.

badge-Zähler tragen über badgeLabel einen unsichtbaren Screenreader-Text (<span class="a11y">3 ungelesen</span> statt einer nackten Zahl, gerendert über countBadge()) – eine reine Zahl neben einem Link wird von Screenreadern sonst nicht als „Anzahl“ erkannt, sondern als Teil des Linktexts vorgelesen.

Kollabierte Icon-Einträge (s. Adaptivity) behalten ihr label als aria-label am Link, nicht nur als visuelles title-Tooltip – title allein ist für Screenreader unzuverlässig (browser-/AT-abhängig, nicht garantiert vorgelesen).

Entfällt – reine Referenzseite.

Keine über die Feature-Seiten hinaus.

Diese Seite ist der Accessibility-Überblick.

Entfällt.

• Demo-Übersicht – alle Kategorien
• TreeView: Accessibility – geteiltes Gruppen-Muster