`toolbar`

ARIA-роль для тулбара или панели инструментов.

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

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

Кратко

Скопировано

Роль структуры документа из WAI-ARIA для панели с часто используемыми элементами управления интерфейсом — тулбара или панели инструментов.

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

Скопировано

Задайте тегу role="toolbar", лучше всего <div> или <span>. Обычно элементы с toolbar находятся внутри menubar.

Если на странице несколько тулбаров, задайте им общее название с помощью aria-label или другим способом.

Не забудьте о навигации с клавиатуры по пунктам меню и поработайте над порядком фокуса. С этим помогут JavaScript и атрибут tabindex.

Элементам с ролью toolbar можно задавать все глобальные ARIA-атрибуты, а ещё aria-activedescendant и aria-orientation.

По умолчанию toolbar задан aria-orientation="horizontal".