Можно ли изменить поведение Tab без JavaScript

«Можно ли изменить поведение Tab без JavaScript» — вопрос из категории Доступность, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Да, можно изменить поведение Tab с помощью атрибута tabindex в HTML. Он позволяет управлять порядком фокусировки элементов:

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

Пример:

<button tabindex="1">First</button>
<button tabindex="3">Third</button>
<button tabindex="2">Second</button>
<button tabindex="-1">Skipped</button>

Важно: злоупотребление tabindex (>0) может ухудшить доступность. Лучше сохранять естественный порядок DOM.