aria-modal

Boolean

Tells assistive technologies that a dialog is modal — everything outside it is inert while it's open, so screen readers should confine navigation to the dialog. It replaces the older approach of applying aria-hidden to all the background content. You still have to trap keyboard focus and handle Escape yourself; aria-modal only affects the reading experience.

aria-modal="…"

Values

true: Content outside the element is inert while it is displayed.
false (default): Content outside the element remains interactive.

Used on

Associated roles

alertdialog dialog

Example

aria-modal="…"

<div role="dialog" aria-modal="true" aria-label="Settings">…</div>

References

WAI-ARIA 1.2 specification
MDN Web Docs