Modal Dialog Example

This page demonstrates a simple accessible modal dialog. The modal is closed by default. Use the button below to open it.

More content behind

When the modal opens, background content is hidden from assistive technologies and keyboard focus is trapped inside the dialog.

Try tabbing through controls—when the dialog is open, focus will stay inside.