design

Roving tabindex: клавиатурное меню и таббар без ловушек

Roving tabindex: клавиатурное меню и таббар без ловушек

Паттерн roving tabindex держит tabindex="0" только на активном пункте меню, остальные -1 — Tab входит в меню один раз, стрелки двигают фокус внутри.

Рекомендован WAI-ARIA Authoring Practices для menubar и toolbar.

- [Roving tabindex — WAI-ARIA APG](https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex) — Официальный паттерн.

- [Understanding tabindex — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) — 0, -1 и управление.

---

## Мобильный

Не дублируйте roving на touch-only меню без фокуса — оставьте обычные кнопки.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.