Tree List: Accessibility
Zurück: Demo-Übersicht
1. Übersicht und Zweck
Status: [Live] — kombiniert die ARIA-Verträge von DataGrid und TreeView, statt sie neu zu erfinden.
2. Voraussetzungen
DataGrid → Accessibility und TreeView → Accessibility bereits verstanden.
3. Konzepte
Tree List kombiniert zwei bestehende ARIA-Verträge, statt einen dritten zu erfinden: die Grid-Semantik von DataGrid (Selection, Sortierung) und die Hierarchie-Semantik von TreeView (Ebenen, Auf-/Zuklappen).
4. Erste Schritte
Entfällt — reine Referenzseite.
5. Verwendung
Für eine Barrierefreiheits-Abnahme: Tabelle in Abschnitt 6 gegen den aktiven Funktionsumfang (Selection, Auf-/Zuklappen) abgleichen.
6. API-Referenz: Rollen-Kombination
| Element | ARIA | Quelle |
|---|---|---|
<table> | role=„treegrid“ statt role=„grid“ (spezifische ARIA-Rolle für hierarchische Grids) | Abweichung von DataGrid → Accessibility, sonst identisch |
| Elternzeile | aria-expanded; aria-level/aria-setsize/aria-posinset für Screenreader-Tiefenangabe | Analog zu TreeView → Accessibility |
| Auf-/Zuklapp-Toggle | aria-label „Aufklappen„/„Zuklappen“ (dynamisch, nicht nur Icon-Dreieck) | neu, kein Vorbild nötig |
| Selection (multi) | aria-multiselectable am Table, selection[]-Checkboxen mit aria-label | geerbt von DataGrid Selection |
7. Parameter, Optionen und Zustände
Keine über die Tabelle in Abschnitt 6 hinaus.
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
- DataGrid: Accessibility · TreeView: Accessibility — kombinierte Quellen