NavBar: Accessibility
Zurück: Demo-Übersicht
1. Übersicht und Zweck
Status: [Live].
2. Voraussetzungen
NavBar-Basiskontrakt bereits verstanden.
3. Konzepte
Native <details>/<summary>-Semantik für Gruppen (kostenlos, wie bei
TreeView →
Accessibility).
4. Erste Schritte
Entfällt — konsolidierte Referenzseite.
5. Verwendung
Für eine Barrierefreiheits-Abnahme: Abschnitt 6/7 gegen badge- und
kollabierte Icon-Einträge abgleichen.
6. API-Referenz
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.
7. Parameter, Optionen und Zustände
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).
8. Vollständige Beispiele
Entfällt — reine Referenzseite.
9. Einschränkungen und Randfälle
Keine über die Feature-Seiten hinaus.
10. Accessibility und Kompatibilität
Diese Seite ist der Accessibility-Überblick.
11. Troubleshooting
Entfällt.
12. Verwandte Themen
- Demo-Übersicht — alle Kategorien
- TreeView: Accessibility — geteiltes Gruppen-Muster