github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-05-06 10:58:17 -05:00
Code Issues 1.2k Packages Projects Releases 126 Wiki Activity

[PR #24202] fix(a11y): add aria-label to icon-only buttons in Navbar #50547

New Issue
Open
opened 2026-04-30 03:19:31 -05:00 by GiteaMirror · 0 comments
GiteaMirror commented 2026-04-30 03:19:31 -05:00
Owner
Copy Link

📋 Pull Request Information

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

Base: dev ← Head: fix/a11y-navbar-icon-button-labels

📝 Commits (10+)

📊 Changes

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

View changed files

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

📄 Description

Summary

Two icon-only buttons in Navbar.svelte had no accessible name, making them unusable for screen reader users (WCAG 2.1 SC 4.1.2 — Name, Role, Value):

  • Sidebar toggle (mobile): rendered only a <Sidebar /> SVG with no text. Added a dynamic aria-label that reflects the current state ("Open Sidebar" / "Close Sidebar"), matching the values already used in the adjacent <Tooltip>.
  • Chat context menu (ellipsis ⋯): rendered only <EllipsisHorizontal /> with no text. Added aria-label={$i18n.t('Chat menu')}.

Changes

  • src/lib/components/chat/Navbar.svelte

Test plan

  • Open the app on mobile (narrow viewport) and navigate with a screen reader — sidebar toggle announces "Open Sidebar" / "Close Sidebar" as it toggles
  • Open a chat and activate the ellipsis menu via keyboard — button is announced as "Chat menu"
  • No visual or functional regression on desktop

🔄 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/24202 **Author:** [@akinshaywai](https://github.com/akinshaywai) **Created:** 4/28/2026 **Status:** 🔄 Open **Base:** `dev` ← **Head:** `fix/a11y-navbar-icon-button-labels` --- ### 📝 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/Navbar.svelte` (+2 -0) </details> ### 📄 Description ## Summary Two icon-only buttons in `Navbar.svelte` had no accessible name, making them unusable for screen reader users (WCAG 2.1 SC 4.1.2 — Name, Role, Value): - **Sidebar toggle** (mobile): rendered only a `<Sidebar />` SVG with no text. Added a dynamic `aria-label` that reflects the current state (`"Open Sidebar"` / `"Close Sidebar"`), matching the values already used in the adjacent `<Tooltip>`. - **Chat context menu** (ellipsis `⋯`): rendered only `<EllipsisHorizontal />` with no text. Added `aria-label={$i18n.t('Chat menu')}`. ## Changes - `src/lib/components/chat/Navbar.svelte` ## Test plan - [ ] Open the app on mobile (narrow viewport) and navigate with a screen reader — sidebar toggle announces "Open Sidebar" / "Close Sidebar" as it toggles - [ ] Open a chat and activate the ellipsis menu via keyboard — button is announced as "Chat menu" - [ ] No visual or functional regression on desktop --- <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:31 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
confirmed
confirmed issue
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label pull-request
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#50547
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?