Semantics

A widget that allows the user to select one or more items from a hierarchically organized collection.

Additional info from the ARIA specification

To be keyboard accessible, authors SHOULD manage focus of descendants for all instances of this role, as described in Managing Focus.

Elements with the role tree have an implicit aria-orientation value of vertical.

Abstract Role

  • CompositeRepresents a container for navigating interactive descendants.

Content Categories

  • Flow ContentAn element that structures and organizes the body of a web document.

Allowed Descendants

Specific Guidance

Only treeitem and group roles allowed.

Usage

Allowed HTML elements

Implicit semantics

  • None

Explicitly allowed

  • menu[role=tree]
  • ol[role=tree]
  • ul[role=tree]

Elements that can have any role

  • abbr[role=tree]
  • address[role=tree]
  • b[role=tree]
  • blockquote[role=tree]
  • canvas[role=tree]
  • cite[role=tree]
  • code[role=tree]
  • custom-element[role=tree]
  • data[role=tree]
  • del[role=tree]
  • dfn[role=tree]
  • div[role=tree]
  • em[role=tree]
  • figure[role=tree]
  • i[role=tree]
  • ins[role=tree]
  • kbd[role=tree]
  • mark[role=tree]
  • output[role=tree]
  • p[role=tree]
  • pre[role=tree]
  • q[role=tree]
  • samp[role=tree]
  • small[role=tree]
  • span[role=tree]
  • table[role=tree]
  • tbody[role=tree]
  • tfoot[role=tree]
  • thead[role=tree]
  • time[role=tree]
  • u[role=tree]
  • var[role=tree]