Что такое tabindex?

tabindex — это атрибут HTML, который управляет порядком табуляции интерактивных элементов на веб-странице. Он позволяет разработчикам определять порядок получения фокуса элементами при использовании пользователем клавиши Tab [1].

Некоторые важные значения атрибута tabindex:

• tabindex="0": Элемент фокусируем и учитывается в естественном порядке табуляции страницы.
• tabindex="-1": Элемент фокусируем, но не учитывается в порядке табуляции. Фокус может быть установлен только программно.
• tabindex="позитивное число": Элемент фокусируем и учитывается в порядке табуляции перед элементами с tabindex="0". Порядок определяется величиной числа (меньшие числа — первыми).

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

Дополнительную информацию об атрибуте tabindex можно найти в официальной документации [1].

1. WHATWG, «HTML Standard — The tabindex attribute». 2024 г. [Онлайн]. Доступно на: https://html.spec.whatwg.org/multipage/interaction.html#attr-tabindex ⤴