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

Actions

Accessibility

Import Action, Actions from @prepared911/ui/actions.
Structure
  • Actions is a role="group" named by label. A group without a name is not announced as anything useful, so label is required.
  • Each Action is a native button with type="button", so it never submits a parent form. Its name is label, rendered visually hidden; the glyph is aria-hidden.
  • Tab visits each action in order. There is no roving focus and no arrow-key handling: this is a tray of independent buttons, not a toolbar.
Tooltip
The label is also the tooltip. The tooltip is visual only: an icon-only button's aria-describedby does not point at it, so the name is not read twice.
Disabled
A disabled action is natively disabled and paints the disabled foreground on its glyph (ADR 0015). It leaves the tab order.
Contrast and forced colors
The buttons are Neutral Soft: their text and edge tokens are the Button contract's. Under forced-colors: active each action keeps its system-colored edge and glyph. Hover and press change brightness only; nothing is shown by color alone.
Motion
State changes fade over --motion-state; the press moves one pixel and collapses under reduced motion. The group's hover highlight glides and snaps under reduced motion.
Previous
Actions / API and Development
Next
Alert / Usage
On this page
Structure
Tooltip
Disabled
Contrast and forced colors
Motion