My learning 0 of 20 lessons complete
Start lesson 1 →
spec 1 linked patterns checked

WAI-ARIA APG Tree View Pattern

Defines tree view as a hierarchical list with expandable and collapsible items, single-select and multi-select models, focus distinct from selection, Right and Left Arrow expansion behavior, Up and Down movement, typeahead, aria-activedescendant support, aria-multiselectable, aria-selected or aria-checked state, labels, and dynamic-loading requirements for aria-level, aria-setsize, and aria-posinset.

Read with a purpose

What this source can teach

Use this source to check a technical or accessibility requirement against its exact wording and scope.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Tree selection Choose tree selection when hierarchy is meaningful to the user's selection task and the parent-child relationship changes how options are found or interpreted. The tree container has role tree and a visible label referenced by aria-labelledby or an accessible name. APG defines tree view hierarchy, expansion, focus movement, single and multi-select behavior, focus versus selection, typeahead, aria-activedescendant, labels, and selected-state properties.

Evidence Role

This source is treated as spec evidence. Its value comes from the specific claims and setting described above.

Publisher: W3C Web Accessibility Initiative. Last checked: .

Saved items