Глобальный атрибут tabindex - целое число (до 32767), устанавливающее порядок получения фокуса при переходе между элементами с помощью клавиши Tab. Содержит одно из нескольких видов значений:
| Значение | Описание |
|---|---|
| отрицательное | элемент можно выделить, но он не участвует в последовательной навигаций с помощью клавиатуры |
| 0 | элемент можно выделить и он доступен через последовательную навигацию клавиатуры, но относительный порядок определяется соглашением платформы |
| положительное | элемент можно выделить и он доступен через последовательную навигацию клавиатуры; относительный порядок будет определяться значением атрибута: переход происходит от меньшего значения к большему |
<div tabindex="0">Какая-то кнопка</div>Попробуйте использовать для HTML-элемента button или там, где это необходимо.
<button tabindex="-1">Эта кнопка недоступна в навигации с помощью клавиши Tab</button>Элемент будет удален из списка табуляции, но все равно его можно будет выделить.
<div tabindex="2">Второй</div>
<div tabindex="1">Первый</div>Положительные значения вставляют элемент в список табуляции в соответствии со значением. Элементы без предпочтений (т. e. tabindex = "0" или собственные элементы, такие как button или a) будут добавляться после остальных.
Использовать положительные значения не рекомендуются, так как они нарушают ожидаемое поведение табуляции и могут сбивать с толку людей, которые применяют на устройства чтения с экрана. Попробуйте создать естественный порядок, изменив структуру DOM.