Что такое Tab индекс

Tab индекс (tabindex) — это атрибут HTML, определяющий порядок перехода между элементами при навигации с клавиатуры (Tab/Shift+Tab).

Значения:

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

Пример:

<button tabindex="0">Кнопка 1</button>  
<button tabindex="-1">Кнопка 2 (не в табуляции)</button>  
<button tabindex="1">Кнопка 3 (первая в табуляции)</button>  

Важно:

• Используйте tabindex="0" для интерактивных элементов.
• Избегайте положительных значений — они нарушают логический порядок.
• Элементы с tabindex="-1" полезны для модальных окон и динамического фокуса.