Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  3. Modal
  5. Accessibility
  7. Dismissal Accessibility

Dialog

Dismissal Accessibility

Ensure dismissal options are accessible.
Backdrop Dismissal
Backdrop clicks are accessible when enabled.
When noDismiss is false, users can click the backdrop to close the modal. The backdrop is keyboard accessible and screen reader users are informed of this option.
Dismiss Button
The dismiss button is clearly labeled and accessible.
The dismiss button uses aria-label="Close" and is keyboard accessible, allowing users to close the modal without using the mouse.
Non-Dismissible Modals
Non-dismissible modals clearly communicate their state.
When noDismiss is true, the backdrop and dismiss button are not available, and screen readers communicate that the modal cannot be dismissed until the action is completed.
Previous
Accessibility / Screen Reader Support
Next
Accessibility / Disabled States
On this page
Backdrop Dismissal
Dismiss Button
Non-Dismissible Modals