design

tabindex: 0, -1 и ловушка фокуса без ошибок

tabindex: 0, -1 и ловушка фокуса без ошибок

Порядок Tab по умолчанию следует DOM — tabindex="0" добавляет в последовательность неинтерактивный div только если вы повесили role=button и keyboard handlers.

tabindex="-1" уводит элемент из Tab, но позволяет focus() из JS — заголовок модалки при открытии.

- [tabindex — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) — Значения атрибута.

- [Focus order — WCAG](https://www.w3.org/WAI/WCAG22/Understanding/focus-order.html) — Понимание 2.4.3.

---

## Антипаттерн

Положительные tabindex (1, 2, 3…) ломают естественный порядок — избегайте на маркетинговых лендингах.

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

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

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