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

WAI-ARIA APG: Treegrid Pattern

Defines treegrid as a hierarchical data grid with expandable and collapsible parent rows, focusable rows and cells, focus versus selection distinction, row-first and cell-first keyboard navigation, expansion with Right and Left Arrow or Enter, selection shortcuts, row and cell roles, aria-expanded placement, aria-selected, aria-sort, aria-readonly, row and column counts, and row or column indices.

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 grid Choose tree grid when hierarchical rows and tabular columns are both essential to the task. The first column or row header communicates the hierarchical object name, level, expansion state, and parent-child relationship. APG treegrid guidance supports the hierarchy-plus-grid boundary, keyboard navigation, focus and selection distinction, roles, expansion state, sort, readonly, and dynamic index requirements.

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