[PR #21708] [MERGED] fix(a11y): add aria-labels to chat message components #26226

Closed
opened 2026-04-20 06:23:53 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/21708
Author: @Classic298
Created: 2/21/2026
Status: Merged
Merged: 2/22/2026
Merged by: @tjbck

Base: devHead: a11y/aria-labels-chat-messages


📝 Commits (1)

  • 4d2dec6 fix(a11y): add aria-labels to chat message components

📊 Changes

10 files changed (+31 additions, -15 deletions)

View changed files

📝 src/lib/components/chat/ContentRenderer/FloatingButtons.svelte (+3 -0)
📝 src/lib/components/chat/Messages/Citations.svelte (+3 -0)
📝 src/lib/components/chat/Messages/Citations/CitationModal.svelte (+1 -0)
📝 src/lib/components/chat/Messages/Markdown/Source.svelte (+4 -0)
📝 src/lib/components/chat/Messages/Markdown/SourceToken.svelte (+1 -0)
📝 src/lib/components/chat/Messages/RateComment.svelte (+3 -0)
📝 src/lib/components/chat/Messages/ResponseMessage/FollowUps.svelte (+4 -6)
📝 src/lib/components/chat/Messages/ResponseMessage/RegenerateMenu.svelte (+8 -7)
📝 src/lib/components/chat/Messages/ResponseMessage/StatusHistory.svelte (+2 -0)
📝 src/lib/components/chat/Messages/ResponseMessage/WebSearchResults.svelte (+2 -2)

📄 Description

Add aria-labels, aria-expanded, and semantic improvements to:

  • RateComment: close button, rating scale, feedback textarea
  • Citations: toggle button with count, source item buttons
  • Source/SourceToken: contextual aria-labels for citation buttons
  • StatusHistory: toggle button with expanded state
  • WebSearchResults: descriptive favicon alt text
  • FollowUps: convert div to button element
  • RegenerateMenu: submit suggestion button
  • FloatingButtons: action buttons, input field, submit button
  • CitationModal: close button

WCAG: 4.1.2 (Name, Role, Value), 2.1.1 (Keyboard), 1.1.1 (Non-text Content)

Contributor License Agreement

By submitting this pull request, I confirm that I have read and fully agree to the Contributor License Agreement (CLA), and I am providing my contributions under its terms.

Note

Deleting the CLA section will lead to immediate closure of your PR and it will not be merged in.


🔄 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/21708 **Author:** [@Classic298](https://github.com/Classic298) **Created:** 2/21/2026 **Status:** ✅ Merged **Merged:** 2/22/2026 **Merged by:** [@tjbck](https://github.com/tjbck) **Base:** `dev` ← **Head:** `a11y/aria-labels-chat-messages` --- ### 📝 Commits (1) - [`4d2dec6`](https://github.com/open-webui/open-webui/commit/4d2dec65f6c46089954e5ccb7f6aff653aa90899) fix(a11y): add aria-labels to chat message components ### 📊 Changes **10 files changed** (+31 additions, -15 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/chat/ContentRenderer/FloatingButtons.svelte` (+3 -0) 📝 `src/lib/components/chat/Messages/Citations.svelte` (+3 -0) 📝 `src/lib/components/chat/Messages/Citations/CitationModal.svelte` (+1 -0) 📝 `src/lib/components/chat/Messages/Markdown/Source.svelte` (+4 -0) 📝 `src/lib/components/chat/Messages/Markdown/SourceToken.svelte` (+1 -0) 📝 `src/lib/components/chat/Messages/RateComment.svelte` (+3 -0) 📝 `src/lib/components/chat/Messages/ResponseMessage/FollowUps.svelte` (+4 -6) 📝 `src/lib/components/chat/Messages/ResponseMessage/RegenerateMenu.svelte` (+8 -7) 📝 `src/lib/components/chat/Messages/ResponseMessage/StatusHistory.svelte` (+2 -0) 📝 `src/lib/components/chat/Messages/ResponseMessage/WebSearchResults.svelte` (+2 -2) </details> ### 📄 Description Add aria-labels, aria-expanded, and semantic improvements to: - RateComment: close button, rating scale, feedback textarea - Citations: toggle button with count, source item buttons - Source/SourceToken: contextual aria-labels for citation buttons - StatusHistory: toggle button with expanded state - WebSearchResults: descriptive favicon alt text - FollowUps: convert div to button element - RegenerateMenu: submit suggestion button - FloatingButtons: action buttons, input field, submit button - CitationModal: close button WCAG: 4.1.2 (Name, Role, Value), 2.1.1 (Keyboard), 1.1.1 (Non-text Content) ### Contributor License Agreement <!-- 🚨 DO NOT DELETE THE TEXT BELOW 🚨 Keep the "Contributor License Agreement" confirmation text intact. Deleting it will trigger the CLA-Bot to INVALIDATE your PR. --> By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](https://github.com/open-webui/open-webui/blob/main/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms. > [!NOTE] > Deleting the CLA section will lead to immediate closure of your PR and it will not be merged in. --- <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-20 06:23:53 -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#26226