HTML глобальный атрибут tabindex
Определение и применение
Глобальный атрибут tabindex определяет порядок табуляции элемента (использование кнопки
"Tab" для навигации).
Синтаксис:
<element tabindex = "number">
Поддержка браузерами
Спецификация: multipage
Поддерживается во всех основных браузерах с 2015 года.
| Возможность | Компьютеры | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
 Chrome |  Edge |  Firefox |  Opera |  Safari | Chrome Android | Firefox for Android | Opera Android |  Safari on iOS |  Samsung Browser |  WebView Android | WebView on iOS | |
tabindex | 1 | 12 | 1.5 | 15 | 3.1 | 18 | 4 | 14 | 2 | 1.0 | 4.4 | 2 |
поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31
Значения атрибута
| Значение | Описание |
|---|---|
number |
Целое число: 0 включает элемент в обычный последовательный обход; отрицательное значение (обычно
-1) исключает из него, сохраняя возможность программного фокуса. Положительные значения обходятся
первыми по возрастанию, при равенстве — по порядку документа.
|
Предпочитайте 0 и -1: положительные значения могут нарушить естественный порядок чтения.
Настройки браузера и платформы также влияют на обход. Для кнопок и ссылок обычно не требуется добавлять
tabindex.
Фокусируемый <div tabindex="0"> не становится кнопкой: он не получает её смысл и обработку клавиш.
Для действия используйте <button> и сохраняйте видимый индикатор фокуса.
Примеры, попробуйте сами
Глобальный атрибут tabindex
Перемещайтесь клавишей Tab. С -1 абзац перестанет участвовать в последовательном обходе.
index.html
<button>Первый</button>
<p tabindex="0">Абзац в порядке Tab</p>
<button>Последний</button>
Тони готовит пример…Отличия HTML 4.01 от HTML 5
В HTML5, атрибутtabindex может быть использован к любому элементу HTML (пройдёт валидацию), но в некоторых
случаях в этом нет необходимости.
В HTML 4.01, атрибут tabindex может быть применё только к следующим элементам: