Задать вопрос
@223606322
начинающий web-разработчик

Возможно ли подменить поведение div на button, чтобы работала навигация по клавише Tab?

Есть такая библиотека с элементами табов
https://element-plus.org/en-US/component/tabs.html

Дело в том, что при перемещении через клавишу tab, функционал работает как-то странно- подсвеччивается только лишь та ссылка на таб, которая открыта на данный момент. Когда нажимаешь на клавишу tab еще раз, то следующаяя ссылка не подсвечивается, но должна.
62f39704d623c833444517.png

Знаю, что это происходит из-за того, что в либе линки указанны как div-элементы, а не button - тогда бы перемещение работало корректно. В документации либы ничего не нашел
  • Вопрос задан
  • 57 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега HTML
Верставший фронтендер
Когда нажимаешь на клавишу tab еще раз, то следующаяя ссылка не подсвечивается, но должна.

А чего это вдруг "должна"?
Навигация между табами осуществляется стрелочками.
Вот статья с примерами на основе стандартов доступности:
https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/

По табу должно переходит фокус на контент таба, а не на следующий таб.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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