Skip to main content

Accessible modal dialog example

This page demonstrates an accessible modal dialog pattern. The dialog is closed by default. Use the "Open modal dialog" button (class="trigger") to open it. The dialog traps focus while open, supports Escape to close, and returns focus to the button when closed.

Demo content

Some interactive content that should be hidden from assistive technology while the modal is open.

An example link