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>
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
📋 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:
dev← Head:a11y/aria-labels-chat-messages📝 Commits (1)
4d2dec6fix(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:
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.
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.