Клавиша / esc

scrollbar

Роль для кастомной полосы прокрутки.

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

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

Кратко

Скопировано

Самостоятельная роль виджета из WAI-ARIA для полосы прокрутки.

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

Как пишется

Скопировано

Задайте role="scrollbar" любому тегу, лучше всего <div> или <span>. Не забудьте добавить scrollbar в порядок фокуса с помощью tabindex.

У элемента со scrollbar обязательно должны быть атрибуты aria-controls и aria-valuenow.

С ролью scrollbar можно сочетать все глобальные ARIA-атрибуты и некоторые другие атрибуты виджетовaria-disabled, aria-orientation, aria-valuemax, aria-valuemin и aria-valuetext.

По умолчанию у scrollbar есть атрибуты aria-orientation="vertical", aria-valuemin="0" и aria-valuemax="100".