Accessibility · Library v2.6.0

Tree WAI-ARIA Support

Tree provides expandable nodes, labeled selection checkboxes and a named tree container. Its current keyboard model is centered on expansion buttons.

Roles, states and properties

These describe the installed implementation. ARIA communicates meaning; keyboard handlers and application code provide the interaction.

Tree accessibility semantics
ElementSemanticsBehavior
Root listtree, aria-labeli18n.treeLabel names the tree.
Nodestreeitem, aria-level, aria-expandedExpansion state is set for nodes with children.
Child lists and selectiongroup; native checkboxCheckboxes have a selection label and native checked state.

Current limitations

  • Leaf-node focus, roving tabindex, Home/End and type-ahead navigation are not complete APG tree interactions.
  • Selection uses native checkboxes; do not assume aria-selected or cascading selection on tree items.

This reference is based on the shipped source. It is not a WCAG conformance certificate or a claim that every browser and screen reader combination has been tested.

Compare your workflow with the W3C authoring pattern. The pattern describes the target interaction, not a guarantee of current component support.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.