design

aria-labelledby: заголовок модалки из DOM

aria-labelledby: заголовок модалки из DOM

<section role="dialog" aria-labelledby="modal-title"> + <h2 id="modal-title"> — имя диалога берётся из видимого заголовка.

Если заголовок визуально скрыт, оставьте его в DOM с классом sr-only, не пустой aria-label поверх пустого h2.

- [aria-labelledby — MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-labelledby) — Связь с подписью.

- [Dialog pattern — APG](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/) — Модальный диалог.

---

## Нативный dialog

У <dialog> имя часто достаточно из <legend> или первого heading — сверяйтесь с accessibility tree в DevTools.

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

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

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