Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

closedby на dialog: light dismiss и закрытие по backdrop

Атрибут closedby=any vs closerequest и доступность.

Изображение статьи: closedby на dialog: light dismiss и закрытие по backdrop

Атрибут closedby на <dialog> описывает, чем можно закрыть модалку: any (клик по backdrop), closerequest (Escape), none — для критичных подтверждений.

Снижает кастомный JS на overlay click.

- [HTML dialog element — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) — closedby и методы.

- [Close request — HTML](https://html.spec.whatwg.org/multipage/interaction.html#close-request) — Спецификация.

---

## Фокус

После закрытия возвращайте фокус на элемент-триггер — требование WCAG для модальных окон.

#HTML#модалки#UX

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