Example Page

Demo showing an accessible modal dialog component.

Main content

This page contains a button that opens a modal dialog. The dialog is closed by default.

Some additional interactive controls to demonstrate focus behavior:

Name:

Subscribe to updates

Sign up with your email to receive occasional updates. This modal traps focus while open; press Escape to close.

Email

Footer content - background page content (should not be accessible while the dialog is open).