Accessibility and motion: reduced motion everywhere, non-colour status cues, real tooltips, keyboard drag and drop

Part of PAR-357.

What's already good

• the focus ring token and focusable mixin
• Menu's combobox/listbox keyboard support
• focus traps in Dialog, the palette and the drawer
• a token contrast test

Gaps

• prefers-reduced-motion is honoured in only 4 of the 23 SCSS files that animate.
• Status is conveyed by colour only, and StatusDot is aria-hidden (fixed by the status icon task, but the icons need accessible names).
• Tooltip is CSS-hover only, with role="note" wrapping role="tooltip", so it can't be reached by keyboard (DS/Tooltip/Tooltip.tsx).
• DnD is mouse-only; the per-row "Move" pill is the fallback.
• Issue rows are links wrapping many cells, with no grid semantics or roving focus.
• --text-quaternary is deliberately outside the contrast gate.

Motion

There are only two durations (120/200ms) and one pop keyframe. Add an easing and spring scale, plus purposeful micro-interactions:

• popover scale-in
• the row being saved
• a check animation on completing an issue
• a toast slide

All of them respect reduced motion.

Do

• Add a shared @include motion-safe mixin and apply it everywhere.
• Make Tooltip accessible: shown on focus, aria-describedby, Esc to dismiss.
• Keyboard and touch DnD (dnd-kit sensors), with announcements via a live region.
• ARIA grid with roving tabindex for the list (pairs with the keyboard model task).
• Bring --text-quaternary under the gate, or stop using it for meaningful text.
• Add Storybook a11y checks to CI for every component.