This page demonstrates an accessible modal dialog component. Click the button below to open the modal. The modal follows WCAG 2.2 AA guidelines including proper focus management, keyboard navigation, and screen reader support.
Features demonstrated:
- Keyboard navigation (Tab, Escape, Enter)
- Focus trapping within the modal
- Proper ARIA attributes and roles
- Screen reader announcements
- High contrast mode support
- Mobile responsive design
Try these keyboard interactions:
- Tab: Navigate through interactive elements
- Escape: Close the modal
- Enter or Space: Activate buttons