Задать вопрос
@lagudal

Tabindex и flex order — есть ли решение?

Приветствую,
начали адаптацию сайтов по доступности, навигация по сайту клавишей таб в процессе.
Столкнулся вот с какой проблемой.
Есть элементы, которые в DOM добавляются бакендом, генерируются и добавляются в конце определенного контейнера.
При этом порядок расположения внутри этого контейнера определятся order-ом flexbox.
По навигации Tab-ом элемент фокусируется последним в контейнере, т.е. именно так, как он расположен фактически в DOM. Order никак на очередь фокуса не влияет.
Присвоить жестко tabindex 1, 2, 3, 4, 5 и тд. не получится, поскольку на странице множество других элементов, а такой жесткий порядок приведет к тому, что эти элементы будут по себе показаны в правильном порядке, но в самом конце, когда остальные элементы уже пройдут по навигации.
Может, есть какое-нибудь хитрое решение, которого я не знаю?
Пример, здесь элемент item05 фактически последний, который я хочу по табу показывать пятым.


Пример.
  • Вопрос задан
  • 47 просмотров
Подписаться 1 Средний 1 комментарий
Пригласить эксперта
Ответы на вопрос 1
Fragster
@Fragster
помогло? отметь решением!
если надо подменить весь флекс блок, то костылем может быть заворачивание всего в iframe:

https://codepen.io/FragsterAt/pen/raNPwRY
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы