Modal Dialog Component — Closed by Default

This example shows an accessible modal dialog. The modal is closed when the page loads. Use the button below (class="trigger") to open it.

Open Modal

Try: Tab/Shift+Tab to move focus, Esc to close, click outside the dialog to close. Focus will return to the trigger.