[PR #24205] fix(a11y): announce code execution status to screen readers in CodeBlock #50550

Open
opened 2026-04-30 03:19:44 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/24205
Author: @akinshaywai
Created: 4/28/2026
Status: 🔄 Open

Base: devHead: fix/a11y-codeblock-executing-live-region


📝 Commits (10+)

📊 Changes

1 file changed (+2 additions, -0 deletions)

View changed files

📝 src/lib/components/chat/Messages/CodeBlock.svelte (+2 -0)

📄 Description

Summary

When code is executing in a CodeBlock, the output area transitions from empty → "Running..." → STDOUT/STDERR results. Screen readers had no way to detect or announce these updates.

Changes:

  • Added aria-live="polite" to the output container so content changes are announced without interrupting the user
  • Added aria-busy={executing} to signal that the region is still loading (screen readers can defer reading until the update is complete)

Addresses WCAG 2.1 SC 4.1.3 (Status Messages).

Changes

  • src/lib/components/chat/Messages/CodeBlock.svelte

Test plan

  • Execute a code block with a brief delay (e.g. import time; time.sleep(1); print("done"))
  • With a screen reader active, confirm that "Running..." is announced when execution starts and the output is announced on completion
  • No visual regression in the output section

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/24205 **Author:** [@akinshaywai](https://github.com/akinshaywai) **Created:** 4/28/2026 **Status:** 🔄 Open **Base:** `dev` ← **Head:** `fix/a11y-codeblock-executing-live-region` --- ### 📝 Commits (10+) - [`fe6783c`](https://github.com/open-webui/open-webui/commit/fe6783c16699911c7be17392596d579333fb110c) Merge pull request #19030 from open-webui/dev - [`fc05e0a`](https://github.com/open-webui/open-webui/commit/fc05e0a6c5d39da60b603b4d520f800d6e36f748) Merge pull request #19405 from open-webui/dev - [`e3faec6`](https://github.com/open-webui/open-webui/commit/e3faec62c58e3a83d89aa3df539feacefa125e0c) Merge pull request #19416 from open-webui/dev - [`9899293`](https://github.com/open-webui/open-webui/commit/9899293f050ad50ae12024cbebee7e018acd851e) Merge pull request #19448 from open-webui/dev - [`140605e`](https://github.com/open-webui/open-webui/commit/140605e660b8186a7d5c79fb3be6ffb147a2f498) Merge pull request #19462 from open-webui/dev - [`6f1486f`](https://github.com/open-webui/open-webui/commit/6f1486ffd0cb288d0e21f41845361924e0d742b3) Merge pull request #19466 from open-webui/dev - [`d95f533`](https://github.com/open-webui/open-webui/commit/d95f533214e3fe5beb5e41ec1f349940bc4c7043) Merge pull request #19729 from open-webui/dev - [`a727153`](https://github.com/open-webui/open-webui/commit/a7271532f8a38da46785afcaa7e65f9a45e7d753) 0.6.43 (#20093) - [`6adde20`](https://github.com/open-webui/open-webui/commit/6adde203cd292a9e3af9c64a2ae36b603fed096a) Merge pull request #20394 from open-webui/dev - [`f9b0534`](https://github.com/open-webui/open-webui/commit/f9b0534e0c442631d1cb7205169588b9b6204179) Merge pull request #20522 from open-webui/dev ### 📊 Changes **1 file changed** (+2 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/Messages/CodeBlock.svelte` (+2 -0) </details> ### 📄 Description ## Summary When code is executing in a `CodeBlock`, the output area transitions from empty → "Running..." → STDOUT/STDERR results. Screen readers had no way to detect or announce these updates. **Changes:** - Added `aria-live="polite"` to the output container so content changes are announced without interrupting the user - Added `aria-busy={executing}` to signal that the region is still loading (screen readers can defer reading until the update is complete) Addresses WCAG 2.1 SC 4.1.3 (Status Messages). ## Changes - `src/lib/components/chat/Messages/CodeBlock.svelte` ## Test plan - [ ] Execute a code block with a brief delay (e.g. `import time; time.sleep(1); print("done")`) - [ ] With a screen reader active, confirm that "Running..." is announced when execution starts and the output is announced on completion - [ ] No visual regression in the output section --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-30 03:19:44 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#50550