Modal dialog example

This page demonstrates an accessible modal dialog. It starts closed.

Go to more content

Tip: When the dialog opens, focus moves into it. Press Escape or activate “Close” to dismiss.

Additional page content to demonstrate focus restoration after closing the dialog. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Example modal dialog

This dialog traps focus while open and returns focus to the trigger when closed.


Optional. This is just a demo; nothing is submitted.

Choose an option