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

DragSource

Accessibility

dnd-kit supplies role, tabIndex, aria-roledescription, and aria-describedby through dragAttributes. DragSource forwards only the allow-listed keys while enabled. Localize DndContext accessibility and override aria-roledescription on dragAttributes; dnd-kit's defaults are English. When disabled is true, those attributes are stripped so the host is not focusable; aria-disabled="true" is set only when dragAttributes included role. The host uses the shared :focus-visible focus ring when it is a keyboard stop. Put activator listeners on an icon-only Button when the row label should stay a separate control. DragPreview is visual during drag; assistive technology follows the source row and dnd-kit live regions, not the preview node. The in-list dragging placeholder uses an inner dashed outline and background tint only (no border, no opacity), so contrast and layout stay stable; :focus-visible still shows the focus ring.
Previous
DragSource / Usage
Next
DragSource / API