स्निपेट लाइब्रेरी

Accessible modal with <dialog>

A native modal with focus handling, Escape to close and a backdrop.

<button id="open">Delete project</button>

<dialog id="confirm" aria-labelledby="confirm-title">
  <form method="dialog">
    <h2 id="confirm-title">Delete this project?</h2>