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