<dialog> с showModal() открывает top layer, блокирует фон и возвращает фокус при close() — меньше кода, чем кастомный overlay на div.
Для лёгких подсказок без блокировки страницы используйте show() без modal-режима.
- [<dialog> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) — API и примеры.
- [Dialog element — WHATWG](https://html.spec.whatwg.org/multipage/interactive-elements.html#the-dialog-element) — Спецификация.
---
## Доступность
Кнопка закрытия с autofocus внутри dialog и aria-labelledby на заголовок — минимум для скринридеров.
Фоновый контент помечайте inert при открытой модалке, если поддержка нужна в старых браузерах.