[PR #9907] fix(app): session screen accessibility improvements #13266

Closed
opened 2026-02-16 18:18:08 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/anomalyco/opencode/pull/9907

State: closed
Merged: Yes


  • Add aria-labels to buttons in session header, tabs, terminal tabs, and prompt input
  • Add aria-labels to buttons in provider, project, and server dialogs
  • Conditionally render share section instead of hiding with aria-hidden
  • Add aria-expanded state to review and terminal toggle buttons
  • Add aria-controls linking toggle buttons to their controlled panels
  • Remove hidden review toggle from tab order when not shown
  • Add role=textbox and aria-multiline to contenteditable prompt input
  • Add aria-label to prompt input matching placeholder text
  • Add aria-label to attach file, auto-accept permissions, and context usage buttons
  • Add aria-pressed state to auto-accept permissions button
  • Add role=log to message container for live region announcements
  • Exclude user messages and duration from live region
  • Hide streaming content from screen readers during generation
  • Add sr-only live region to announce complete response
  • Add aria-labels to copy buttons, close buttons, and clear filter button in UI components
  • Add aria-expanded to show/hide steps button in session turn
  • Prevent autofocus from stealing focus when buttons are active
  • Add triggerAs/triggerProps to Popover and ModelSelectorPopover to avoid nested interactive elements
  • Add navigation landmark to left sidebar (desktop and mobile)
  • Add complementary landmark to review/files panel
  • Add region landmark to terminal panel
  • Close project HoverCard on blur for keyboard users

Addresses #8702

**Original Pull Request:** https://github.com/anomalyco/opencode/pull/9907 **State:** closed **Merged:** Yes --- - Add aria-labels to buttons in session header, tabs, terminal tabs, and prompt input - Add aria-labels to buttons in provider, project, and server dialogs - Conditionally render share section instead of hiding with aria-hidden - Add aria-expanded state to review and terminal toggle buttons - Add aria-controls linking toggle buttons to their controlled panels - Remove hidden review toggle from tab order when not shown - Add role=textbox and aria-multiline to contenteditable prompt input - Add aria-label to prompt input matching placeholder text - Add aria-label to attach file, auto-accept permissions, and context usage buttons - Add aria-pressed state to auto-accept permissions button - Add role=log to message container for live region announcements - Exclude user messages and duration from live region - Hide streaming content from screen readers during generation - Add sr-only live region to announce complete response - Add aria-labels to copy buttons, close buttons, and clear filter button in UI components - Add aria-expanded to show/hide steps button in session turn - Prevent autofocus from stealing focus when buttons are active - Add triggerAs/triggerProps to Popover and ModelSelectorPopover to avoid nested interactive elements - Add navigation landmark to left sidebar (desktop and mobile) - Add complementary landmark to review/files panel - Add region landmark to terminal panel - Close project HoverCard on blur for keyboard users Addresses #8702
yindo added the pull-request label 2026-02-16 18:18:08 -05:00
yindo closed this issue 2026-02-16 18:18:08 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#13266