HTML
TabIndex
Поиск…
параметры
Значение | Имея в виду |
---|---|
отрицательный | элемент будет фокусируемым, но он не должен быть доступен через последовательную навигацию по клавиатуре |
0 | элемент будет настраиваться и доступен через последовательную навигацию клавиатуры, но относительный порядок определяется соглашением платформы |
положительный | элемент должен быть настраиваемым и доступным с помощью последовательной навигации по клавиатуре; это относительный порядок будет определяться значением атрибута: последовательные следуют за увеличением числа tabindex |
замечания
Максимальное значение для tabindex
не должно превышать 32767 согласно разделу W3C 17.11.1 Если указанное значение по умолчанию не равно -1
Элемент со значением 0, недопустимое значение или значение tabindex
должно быть размещено после элементов с положительным индексом в последовательном порядке навигации по клавиатуре.
Добавить элемент в список табуляции
<div tabindex="0">Some button</div>
Примечание: Попробуйте использовать родной HTML button
или a
тег , где это необходимо.
Удалить элемент из порядка табуляции
<button tabindex="-1">This button will not be reachable by tab</button>
Элемент будет удален из порядка табуляции, но все равно будет фокусироваться.
Определите пользовательский порядок табуляции (не рекомендуется)
<div tabindex="2">Second</div>
<div tabindex="1">First</div>
Положительные значения вставляют элемент в позицию порядка табуляции соответствующего значения. Элементы без предпочтений (т.е. tabindex="0"
или собственные элементы, такие как button
и a
) будут добавляться после тех, кто предпочитает.
Положительные значения не рекомендуются, так как они нарушают ожидаемое поведение табуляции и могут смущать людей, которые полагаются на устройства чтения с экрана. Попробуйте создать естественный порядок, изменив структуру DOM.