tabindex
атрибут также определяет точный порядок вкладок элементов. Это достигается, когда значение атрибута установлено как положительное число, равное 1 или выше.
Установка tabindex = "1"
сначала приведет фокусировку клавиатуры на этот элемент. Затем он перемещается по последовательности указанных значений tabindex
(2, 3 и т.д.), прежде чем перейти к настройкам по умолчанию и tabindex = "0"
элементам.
Важно отметить, что когда порядок табуляции задан таким образом, он переопределяет порядок по умолчанию (который использует источник HTML). Это может смутить пользователей, которые ожидают начать навигацию в верхней части страницы. Этот метод может быть необходим в некоторых случаях, но с точки зрения доступности, будьте аккуратны с его применением.
Вот пример:
<div tabindex="1">Я получаю фокус клавиатуры, и я получаю его первым!</div>
<div tabindex="2">Я получаю фокус клавиатуры, и я получаю его вторым!</div>
input
и представить элементы управления формой input
как первые два элемента в порядке табуляции. Добавьте атрибут tabindex
, со значением «1» в поиск input
и атрибут tabindex
со значением «2», в отправляемый input
.
input
атрибут tabindex
.'
testString: 'assert($("#search").attr("tabindex"), "Your code should add a tabindex
attribute to the search input
tag.");'
- text: 'Ваш код должен добавить атрибут tabindex
в тег submit input
.'
testString: 'assert($("#submit").attr("tabindex"), "Your code should add a tabindex
attribute to the submit input
tag.");'
- text: 'Ваш код должен установить атрибут tabindex
в теге input
для поиска <значение> к значению 1.'
testString: 'assert($("#search").attr("tabindex") == "1", "Your code should set the tabindex
attribute on the search input
tag to a value of 1.");'
- text: 'Ваш код должен установить атрибут tabindex
в теге отправки input
значение 2.'
testString: 'assert($("#submit").attr("tabindex") == "2", "Your code should set the tabindex
attribute on the submit input
tag to a value of 2.");'
```
“There's no Theory of Evolution, just a list of creatures I've allowed to live.”
- Chuck Norris
```“Wise men say forgiveness is divine, but never pay full price for late pizza.”
- TMNT