tree

Composite widget role

A hierarchical list whose items can be expanded and collapsed to reveal or hide nested children, like a file explorer. It's navigated with the arrow keys, using aria-expanded on parent items and aria-level for depth. Follow the APG tree pattern for keyboard behavior.

role="tree"

Used on

A hierarchical list that can expand and collapse.

Accessible name

Required, via aria-labelledby or aria-label.

Example

role="tree"

<ul role="tree" aria-label="Files">…</ul>

References

WAI-ARIA 1.2 specification
MDN Web Docs