Sie befinden sich hier: start » de » Interne Dokumentation » DokuWiki-Erweiterungen (WvdS) » FluentUI (Design-System-Bibliothek) » FluentUI: Komponenten-Referenzen » FluentUI: Tree List — Demo-Übersicht » Tree List: Accessibility

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

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

de/wiki/dwe/wkfluentui/component/treelist/accessibility.txt · Zuletzt geändert: von 0.0.0.0