Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. Notification Item
  3. Accessibility

Notification item

Accessibility

Keyboard
  • Tab reaches the row target first, then read toggle, dismiss and the actions menu trigger; the toolbar shows while any of them has focus. Enter on the row target calls Go to. The menu supports arrow keys, Enter, and Space on items.
  • Folded detections use Collapsible with a keyboard-operable disclosure control.
Screen readers
  • An unread entry's accessible name starts with unreadLabel; a read entry's does not. There is no unread dot, and message contrast also differs.
  • The row target is one button named by the sender, the message, the full date and time, and the notification's own Go to label, so it always ends with that label. No interactive element is nested inside another.
  • Error codes use CopyButton with copy, success, and failure labels from props.
Previous
Notification item / Usage
Next
Notification item / API and Development
On this page
Keyboard
Screen readers