Accessible Modal Dialog Example

This page demonstrates an accessible modal dialog that conforms to WCAG 2.2 Level AA.

When the button below is activated, a modal dialog will open. It traps keyboard focus, is announced to screen readers, and can be closed via the close button, the Escape key, or by clicking the overlay.

Additional page content to demonstrate focus management. After the modal closes, focus returns here.