Изменить элемент tabindex order

Question

У меня есть веб-сайт, и я делаю его доступным для пользователей клавиатуры. Об этом, возможно, задавали раньше, но я еще не нашел способа заставить его работать. :(

Проблемы, с которыми я столкнулся, - это то, что в определенный момент есть слайд-шоу и ссылка на pauze/play. Когда пользователи заходят на сайт, он сначала должен пройти через все слайд-шоу, а затем фокус земли по ссылке Pauze/воспроизведения.

Я попытался воссоздать его как лучший и простой, насколько это возможно.

Fiddle here

При закладке через элементы, которые вы заметите, что фокус идет непосредственно на слайды и после этого идут к ссылке pauze/play. Я знаю, что это нормальное поведение из-за структуры HTML ,

Мой вопрос: Как я могу манипулировать этим заказом, что всякий раз, когда я нажимаю последнюю ссылку, фокус переходит прямо к плугу/игре, а не к слайдам.

Я пробовал общаться с tabindex="0/1";, но тогда мне нужно поместить это на все элементы?

(Sidenote: на сайте намного больше HTML элементов выше этого «слайд-шоу», и я не могу изменить структуру, которая дается)

Спасибо заранее!

Answer 1

Единственный способ изменить этот порядок, чтобы изменить порядок HTML элементов.

сам tabindex может сделать 2 вещи:

• он устанавливает порядок «форматируемых» элементы
• это делает элемент «фокусируемый».

tabindex = -1 Элемент не получишь фокус
tabindex = 0 элемент будет фокусируемыми в нормальной вкладке (семантический) порядка
tabindex = 1 Элемента с положительными значениями будет сосредоточен первым

Answer 2

Невозможно изменить вкладку без использования tabindex (или JavaScript).

jsfiddle