This page demonstrates an accessible modal dialog component. Click the button below to open the modal.
This is an accessible modal dialog component that demonstrates best practices for dialog boxes in web applications.
The modal is properly announced to screen readers and keyboard navigation is fully supported. Press Escape to close the dialog, or use the close button.
Focus is automatically moved to the modal when it opens and is trapped within the modal while it is active. When the modal closes, focus is returned to the button that triggered it.