Клавиша / esc

tree

Роль древовидного списка.

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Самостоятельная роль виджета из 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.