This is a sample modal. It demonstrates a focus trap, keyboard access (Esc to close, Tab/Shift+Tab to cycle focus), clicking outside to close, and restoration of focus once the dialog closes.
Try tabbing through the interactive elements:
Modal dialog example
This page demonstrates an accessible modal dialog. The modal is closed by default. Click the button below to open it.
You can still interact with the rest of the page while the modal is closed. When open, focus is trapped inside the dialog and background content is hidden from assistive technology.