Example Modal Dialog

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

Try interacting with the page, then open the modal. While it's open: - focus is moved into the dialog, - Tab/Shift+Tab are trapped inside, - pressing Escape closes it, - clicking the backdrop closes it.