bug(session-ui): V2 still hides streaming assistant content from screen readers #54652

Activity

1. opencode-agent commented on Oct 12, 2026

   

   opencode-agentBot

   on Oct 12, 2026 – with OpenCode Agent

   Contributor

   More actions

   Thanks for the detailed report. I was able to reproduce this, and it still happens on the latest dev (707de58).

   I used the app's Playwright e2e setup to show a session with an unfinished assistant message: a completed shell step plus some text. The session status is busy.

   • While the response is unfinished: both session-turn-assistant-content wrappers have aria-hidden="true". The text is visible on screen, but it is missing from the accessibility tree (getByRole("paragraph") finds nothing).
   • Once the response is finished: aria-hidden is false and the content is exposed as expected.
   • Without the attribute: removing aria-hidden={workingTurn(...)} from session-timeline-row.tsx makes both cases pass. That is the same change as in fix(session-ui): expose streaming assistant steps #51084.

   The script below reproduces it. Related history: #33137, #46396 and #41408 (Problem 1) were closed without a merged fix, and open PR #51084 addresses this.

   Reproduction script (issue-54652.spec.ts)

   // Reproduction for anomalyco/opencode#54652: streaming assistant content is aria-hidden.
   // Run from packages/app: bunx playwright test e2e/reproduction/issue-54652.spec.ts
   import { expect, test } from "@playwright/test"
   import { assistantMessage, setupTimeline, shell, textPart, userMessage } from "../utils/timeline"
   
   const text = "Streaming assistant output"
   
   for (const completed of [false, true]) {
     test(`assistant content accessibility (completed=${completed})`, async ({ page }) => {
       await setupTimeline(page, {
         messages: [
           userMessage(),
           assistantMessage([shell("prt_a11y_shell", "completed", "done"), textPart("prt_a11y_text", text)], {
             completed,
           }),
         ],
       })
       const assistant = page.locator('[data-slot="session-turn-assistant-content"]').filter({ hasText: text })
       await expect(assistant).toBeVisible()
       const hidden = await page
         .locator('[data-slot="session-turn-assistant-content"]')
         .evaluateAll((els) => els.map((e) => e.getAttribute("aria-hidden")))
       console.log(`completed=${completed} aria-hidden values:`, JSON.stringify(hidden))
       await page.screenshot({ path: `/workspace/repro/issue-54652-completed-${completed}.png` })
       // Visible text must be exposed in the accessibility tree.
       await expect(page.getByRole("paragraph").filter({ hasText: text })).toHaveCount(1, { timeout: 3000 })
     })
   }

   Run it: bun issue-54652.spec.ts
2. opencode-agent

   added

   reproduced

   on Oct 12, 2026
3. pranam-s commented on Oct 20, 2026

   

   pranam-s

   on Oct 20, 2026

   More actions

   I'm a screen reader user on the web UI (NVDA on Windows) and hit this.

   Removing aria-hidden puts the content in the accessibility tree, but it stays silent. There is no live region in the transcript. The only role="status" is the "Working" chip at packages/app/src/session/timeline/message-timeline.tsx:411, and that one cannot announce either:

   • it sits inside a <Show>, so the region is created along with its text
   • the text is in aria-hidden spans (TextShimmer), and Chrome ignores aria-label on a role=generic span, so the live region computes to empty text

   I don't want to open a second PR for the aria-hidden part, @aimansour has one open in #51084. What I would like to add is one polite live region outside the virtualized rows that announces the turn status ("Thinking", "Running commands", and so on). The ui.sessionTurn.status.* strings in packages/ui/src/i18n/en.ts are already translated in every locale, but only one of the twelve is used anywhere.

   Would you want this tracked here, or in a separate issue?