tree

Самостоятельная роль виджета из WAI-ARIA для древовидного списка. Это список, в котором видна иерархия элементов. С такими списками встречались в файловых системах, где видны папки и их вложенность.

В HTML нет тега с этой ролью.

Задайте role="tree" любому тегу, лучше всего <div>, <span> или <ul>.

Внутри элемента с ролью tree должны быть один или несколько пунктов списка с ролью treeitem.

ARIA-роли не изменяют внешний вид и поведение элементов, поэтому не забудьте стилизовать древовидный список и добавить поддержку клавиатуры с помощью JavaScript и tabindex.

Для tree можно использовать все глобальные ARIA-атрибуты, а также некоторые атрибуты виджетов — aria-errormessage, aria-invalid, aria-multiselectable и aria-required.

У tree по умолчанию есть атрибут aria-orientation со значением vertical.