Problem
The canvas has no accessible name or keyboard navigation.
Several icon-only controls do not have accessible labels.
Dynamic agent state has no live-region alternative, and animations do not honor reduced-motion preferences.
Proposed change
Add semantic labels, visible focus, keyboard navigation, a textual graph alternative, and reduced-motion behavior.
Acceptance criteria
- Every icon-only button has an accessible name.
- Keyboard users can select agents, tools, discoveries, and timeline events.
- The canvas has a labeled textual alternative with equivalent essential information.
- Popups and command palettes manage focus and close with Escape.
- Reduced-motion mode disables decorative motion without hiding state changes.
- Automated checks and one manual screen-reader checklist cover the core workflow.
Source
Problem
The canvas has no accessible name or keyboard navigation.
Several icon-only controls do not have accessible labels.
Dynamic agent state has no live-region alternative, and animations do not honor reduced-motion preferences.
Proposed change
Add semantic labels, visible focus, keyboard navigation, a textual graph alternative, and reduced-motion behavior.
Acceptance criteria
Source
web/components/agent-visualizer/canvas.tsxowns canvas interaction.web/components/agent-visualizer/shared-ui.tsxowns shared close controls and panels.web/app/globals.cssowns global animation and focus styles.