This commit improves keyboard handling, adds ARIA labels, interactive roles, role alerts for banners, dynamic aria-labels for selectors and more across the common components directory.
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/21714
**Author:** [@Classic298](https://github.com/Classic298)
**Created:** 2/21/2026
**Status:** ❌ Closed
**Base:** `dev` ← **Head:** `a11y/common-components`
---
### 📝 Commits (2)
- [`7aace2d`](https://github.com/open-webui/open-webui/commit/7aace2d6e7cb58e323ec4d64e2100797f0cb0c9f) fix(a11y): enhance accessibility for common components
- [`7de2805`](https://github.com/open-webui/open-webui/commit/7de2805bdd4621226175382251c6df8c37c68b12) Update SensitiveInput.svelte
### 📊 Changes
**27 files changed** (+104 additions, -44 deletions)
<details>
<summary>View changed files</summary>
📝 `src/lib/components/common/Badge.svelte` (+1 -0)
📝 `src/lib/components/common/Banner.svelte` (+2 -0)
📝 `src/lib/components/common/ChatList.svelte` (+2 -1)
📝 `src/lib/components/common/Checkbox.svelte` (+2 -0)
📝 `src/lib/components/common/CodeEditor.svelte` (+6 -1)
📝 `src/lib/components/common/Collapsible.svelte` (+10 -10)
📝 `src/lib/components/common/DragGhost.svelte` (+1 -0)
📝 `src/lib/components/common/DropdownOptions.svelte` (+3 -2)
📝 `src/lib/components/common/Emoji.svelte` (+1 -1)
📝 `src/lib/components/common/EmojiPicker.svelte` (+3 -0)
📝 `src/lib/components/common/FileItem.svelte` (+1 -0)
📝 `src/lib/components/common/FileItemModal.svelte` (+6 -0)
📝 `src/lib/components/common/Folder.svelte` (+11 -11)
📝 `src/lib/components/common/FullHeightIframe.svelte` (+2 -0)
📝 `src/lib/components/common/ImagePreview.svelte` (+5 -2)
📝 `src/lib/components/common/Overlay.svelte` (+1 -1)
📝 `src/lib/components/common/Pagination.svelte` (+2 -0)
📝 `src/lib/components/common/RichTextInput.svelte` (+5 -1)
📝 `src/lib/components/common/RichTextInput/FormattingButtons.svelte` (+1 -0)
📝 `src/lib/components/common/SVGPanZoom.svelte` (+3 -0)
_...and 7 more files_
</details>
### 📄 Description
This commit improves keyboard handling, adds ARIA labels, interactive roles, role alerts for banners, dynamic aria-labels for selectors and more across the common components directory.
### 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/21714
Author: @Classic298
Created: 2/21/2026
Status: ❌ Closed
Base:
dev← Head:a11y/common-components📝 Commits (2)
7aace2dfix(a11y): enhance accessibility for common components7de2805Update SensitiveInput.svelte📊 Changes
27 files changed (+104 additions, -44 deletions)
View changed files
📝
src/lib/components/common/Badge.svelte(+1 -0)📝
src/lib/components/common/Banner.svelte(+2 -0)📝
src/lib/components/common/ChatList.svelte(+2 -1)📝
src/lib/components/common/Checkbox.svelte(+2 -0)📝
src/lib/components/common/CodeEditor.svelte(+6 -1)📝
src/lib/components/common/Collapsible.svelte(+10 -10)📝
src/lib/components/common/DragGhost.svelte(+1 -0)📝
src/lib/components/common/DropdownOptions.svelte(+3 -2)📝
src/lib/components/common/Emoji.svelte(+1 -1)📝
src/lib/components/common/EmojiPicker.svelte(+3 -0)📝
src/lib/components/common/FileItem.svelte(+1 -0)📝
src/lib/components/common/FileItemModal.svelte(+6 -0)📝
src/lib/components/common/Folder.svelte(+11 -11)📝
src/lib/components/common/FullHeightIframe.svelte(+2 -0)📝
src/lib/components/common/ImagePreview.svelte(+5 -2)📝
src/lib/components/common/Overlay.svelte(+1 -1)📝
src/lib/components/common/Pagination.svelte(+2 -0)📝
src/lib/components/common/RichTextInput.svelte(+5 -1)📝
src/lib/components/common/RichTextInput/FormattingButtons.svelte(+1 -0)📝
src/lib/components/common/SVGPanZoom.svelte(+3 -0)...and 7 more files
📄 Description
This commit improves keyboard handling, adds ARIA labels, interactive roles, role alerts for banners, dynamic aria-labels for selectors and more across the common components directory.
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.