Axon 911 Frontend Docs
Search
Loading navigation…
Components
Modal
Accessibility
Aria Attributes
Dialog
Open in Cursor
Open in Cursor
More open options
ARIA Attributes
Modals use proper ARIA attributes to communicate structure and state.
Dialog Role
Copy link to this section
Modals use the appropriate ARIA dialog role.
The modal container uses
role="dialog"
to identify it as a dialog, and the heading is associated using
aria-labelledby
.
Dialog Labeling
Copy link to this section
Modals are properly labeled for screen readers.
The heading serves as the accessible name for the modal, announced by screen readers when the modal opens.
Described By
Copy link to this section
Additional content can be described using
aria-describedby
.
Screen readers announce both the heading and the description when the modal opens.
Previous
Accessibility / Focus Management
Next
Accessibility / Screen Reader Support
On this page
Dialog Role
Dialog Labeling
Described By