diff --git a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.russian.md index b4c51aa054..8913581783 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/applied-accessibility/use-tabindex-to-specify-the-order-of-keyboard-focus-for-several-elements.russian.md @@ -2,28 +2,37 @@ id: 587d7790367417b2b2512ab1 title: Use tabindex to Specify the Order of Keyboard Focus for Several Elements challengeType: 0 -videoUrl: '' -localeTitle: Используйте tabindex для указания порядка фокусировки клавиатуры для нескольких элементов +videoUrl: 'https://scrimba.com/c/cmzRRcb' +localeTitle: Использование tabindex для указания порядка фокуса клавиатуры для нескольких элементов --- ## Description -undefined +
+tabindex атрибут также определяет точный порядок вкладок элементов. Это достигается, когда значение атрибута установлено как положительное число, равное 1 или выше. +Установка tabindex = "1" сначала приведет фокусировку клавиатуры на этот элемент. Затем он перемещается по последовательности указанных значений tabindex (2, 3 и т.д.), прежде чем перейти к настройкам по умолчанию и tabindex = "0" элементам. +Важно отметить, что когда порядок табуляции задан таким образом, он переопределяет порядок по умолчанию (который использует источник HTML). Это может смутить пользователей, которые ожидают начать навигацию в верхней части страницы. Этот метод может быть необходим в некоторых случаях, но с точки зрения доступности, будьте аккуратны с его применением. +Вот пример: +<div tabindex="1">Я получаю фокус клавиатуры, и я получаю его первым!</div> +<div tabindex="2">Я получаю фокус клавиатуры, и я получаю его вторым!</div> +
## Instructions -undefined +
+Camper Cat имеет поле поиска на странице Вдохновляющие цитаты, которое он планирует позиционировать в верхнем правом углу с помощью CSS. Он хочет ввести input и представить элементы управления формой input как первые два элемента в порядке табуляции. Добавьте атрибут tabindex, со значением «1» в поиск input и атрибут tabindex со значением «2», в отправляемый input. +
## Tests
```yml tests: - - text: '' + - text: 'Ваш код должен добавить к тегу input атрибут tabindex.' testString: 'assert($("#search").attr("tabindex"), "Your code should add a tabindex attribute to the search input tag.");' - - text: '' + - text: 'Ваш код должен добавить атрибут tabindex в тег submit input.' testString: 'assert($("#submit").attr("tabindex"), "Your code should add a tabindex attribute to the submit input tag.");' - - text: '' + - 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: '' + - 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.");' ```