Dialogs need specific ARIA attributes.
Required attributes:
<div
role="dialog"
aria-modal="true"
aria-labelledby="modal-title"
aria-describedby="modal-description"
>
<h2 id="modal-title">Confirm Delete</h2>
<p id="modal-description">This cannot be undone.</p>
</div>
aria-modal="true": Tells assistive tech that content behind is inert.
Inert attribute: Add inert to background content to prevent interaction.
Screen reader announcement: Modal title is announced when opened.