A tree list is used to represent a hierarchy of items.

WAI-ARIA checklist

  • role=tree

  • role=treeitem

    Set on the list items

  • role=group

    Set on the container that has the nested list items

  • aria-selected(optional)

  • aria-expanded(optional)

    Use the up and down arrow keys to navigate through the list. Press space to select an item. Press the right arrow key to expand the category. Press the left arrow key to collapse the categry.