Выбор ответа Junior Доступность обновлено
Что делает tabindex="-1"
Вопрос
Что делает tabindex="-1" на элементе?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Элемент фокусируется из кода через el.focus(), но Tab на него не попадает. Отрицательный tabindex делает элемент фокусируемым только из кода.
Варианты ответа
- Элемент фокусируется из кода через
el.focus(), но Tab на него не попадаетправильный ответ - Элемент попадает в порядок Tab самым первым, раньше всех остальных на странице
- Элемент полностью скрывается от скринридера, но остаётся видимым на экране
- Элемент перестаёт реагировать на клик мышью, но остаётся доступным с клавиатуры
Разбор
Отрицательный tabindex делает элемент фокусируемым только из кода. Так фокус переводят в заголовок модалки или на сообщение об ошибке. Первым в порядке Tab элемент ставят положительные значения, и это плохая практика. На скринридер и клики мыши tabindex не влияет.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.