Example Modal Dialog

— Try opening the dialog, press Tab to cycle focus, Esc or click outside to close.

Example main page content — this content is inert while the dialog is open (screen readers won't focus it).

Example Modal Dialog

This is a simple accessible modal. It is closed by default. Focus is trapped inside while open.

Try navigating with Tab and Shift+Tab, press Escape to close, or click outside the dialog.

Your name