This example demonstrates an accessible modal dialog that meets WCAG 2.2 Level AA requirements.
This is an accessible modal dialog that follows best practices for keyboard interaction and screen reader support.
When the modal opens, focus moves to the first focusable element (the close button). When closed, focus returns to the trigger button.
Press Escape to close this dialog, or use the Close button or Cancel button below.