Axon 911 Frontend Docs
Search
Loading navigation…
Components
Modal
Accessibility
Disabled States
Dialog
Open in Cursor
Open in Cursor
More open options
Disabled States
Disabled States
Copy link to this section
Communicate disabled button states clearly.
Disabled Confirm Button
Copy link to this section
Disabled confirm buttons are announced appropriately.
Screen readers announce: "Confirm, button, disabled" when the button is disabled, clearly indicating why users cannot proceed.
Destructive Actions
Copy link to this section
Ensure destructive modals are clearly communicated.
Destructive Styling
Copy link to this section
Destructive modals use visual and semantic indicators.
The destructive styling provides clear visual feedback, and screen readers can distinguish destructive actions from standard confirmations.
Long Content
Copy link to this section
Ensure modals with long content remain accessible.
Scrollable Content
Copy link to this section
Long content should be scrollable while maintaining accessibility.
Screen readers can navigate through long content, and keyboard users can scroll using standard scrolling methods.
Multiple Modals
Copy link to this section
Ensure multiple modals are properly managed for accessibility.
Dialog Stacking
Copy link to this section
Multiple modals stack with proper focus management.
Focus moves to the most recently opened modal, and screen readers announce the current modal context clearly.
Screen Reader Testing
Copy link to this section
Test modals with screen readers to ensure proper announcements.
Expected Announcements
Copy link to this section
Expected sequence:
Dialog opens: "Test Dialog, dialog"
Content announced: "Test content"
Buttons announced: "Cancel, button" and "Confirm, button"
Focus on confirm button
Dialog closes: Focus returns to trigger
Destructive Announcements
Copy link to this section
Expected announcement: "Delete Item, dialog, This action cannot be undone., Delete, button, destructive"
Previous
Accessibility / Dismissal Accessibility
Next
Navbar / Usage
On this page
Disabled States
Disabled Confirm Button
Destructive Actions
Destructive Styling
Long Content
Scrollable Content
Multiple Modals
Dialog Stacking
Screen Reader Testing
Expected Announcements
Destructive Announcements