Сохранение логического порядка табиндекса внутри слайдера, отображающего несколько элементов ⇐ Jquery

[Anonymous]

На моем веб-сайте есть панели карусели/слайдера с вкладками навигации. На каждой панели изображена «река» книжных обложек. Одновременно отображаются 5 обложек, а при нажатии кнопки «Следующая/предыдущая» выводятся 3 книги и вводятся 3 новые книги. Порядок книг в DOM не меняется, меняется только их левое положение и видимость.




Это проблема только при первом нажатии кнопки «Предыдущая», но она все равно помечается как проблема доступности. (Я знал, что такие слайдеры будут сложными для доступности)
Я пробовал динамически устанавливать порядок флексбоксов при нажатии «Предыдущий» и «Далее», но на найденный порядок табуляции не влияют свойства CSS. Установка tabindex на 1, 2, 3, 4, 5 приводит к тому, что обложки книг, расположенные посередине страницы, становятся первыми объектами, на которые можно обратить внимание, что, конечно, нежелательно!
Есть что-то, что я хотел бы сделать? Мне не хватает динамической настройки tabindex, поэтому он каким-то образом ограничен своим контейнером? Моя первоначальная конструкция слайдера заключалась в фактическом перемещении элементов в DOM, что создавало свои проблемы. Есть ли способ сохранить логику порядка фокуса при изменении настроек видимости книг, без изменения порядка DOM? Мне не хватает функции ARIA?

Подробнее здесь: https://stackoverflow.com/questions/784 ... iple-items