This page demonstrates an accessible modal dialog. The dialog is closed by default. Use the button below to open it.
Some focusable elements outside the modal:
Outside Link,
Example Modal
This is a simple modal dialog component. It traps focus while open and can be closed with the close button, by clicking the backdrop, or pressing Escape.
Try tabbing through the elements below and notice how focus stays within the dialog: