github-starred/open-webui
2
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-03-11 00:04:08 -05:00
Code Issues 308 Packages Projects Releases 100 Wiki Activity

enh: improve accessibility against WCAG 2.1 #121

New Issue
Closed
opened 2025-11-11 14:06:54 -06:00 by GiteaMirror · 5 comments
GiteaMirror commented 2025-11-11 14:06:54 -06:00
Owner
Copy Link

Originally created by @jooyoungseo on GitHub (Dec 25, 2023).

I am grateful for this fantastic and potentially accessible solution.

While using the web UI with a screen reader, I've noticed that many of the buttons are unlabeled. Adhering to the Web Content Accessibility Guidelines (WCAG) 2.1 would significantly enhance the accessibility and inclusivity of this project, making its benefits more universally available.

Originally created by @jooyoungseo on GitHub (Dec 25, 2023). I am grateful for this fantastic and potentially accessible solution. While using the web UI with a screen reader, I've noticed that many of the buttons are unlabeled. Adhering to the Web Content Accessibility Guidelines (WCAG) 2.1 would significantly enhance the accessibility and inclusivity of this project, making its benefits more universally available.
GiteaMirror added the enhancementgood first issuehelp wantednon-core labels 2025-11-11 14:06:54 -06:00
GiteaMirror commented 2025-11-11 14:06:55 -06:00
Author
Owner
Copy Link

@tjbck commented on GitHub (Dec 25, 2023):

Hi, I've been thinking about adding aria labels to all the field/buttons as well but didn't have the time to get around to it, as I'm currently prioritising adding other core features (RAG, Web browsing, etc). I'll get around to it when I can but if you (or anyone) manage to implement it, feel free to make a PR! Thanks!

@tjbck commented on GitHub (Dec 25, 2023): Hi, I've been thinking about adding aria labels to all the field/buttons as well but didn't have the time to get around to it, as I'm currently prioritising adding other core features (RAG, Web browsing, etc). I'll get around to it when I can but if you (or anyone) manage to implement it, feel free to make a PR! Thanks!
GiteaMirror commented 2025-11-11 14:06:55 -06:00
Author
Owner
Copy Link

@hemangjoshi37a commented on GitHub (Jan 19, 2024):

as I have metioned in #515
Feat. Req. : ( in left hand side panel )
Functionality:

  • When a user hovers their mouse over any item in the left side panel, a small tooltip or hint should appear.
  • This tooltip will contain a concise yet informative description of the item's function or purpose.

Example:

  • Hovering over Modelfies might display a hint like "Configure and manage your model settings."
  • Hovering over Prompts could show "Access and create new prompts."
  • For Documents, the hint might be "View and organize your documents."
@hemangjoshi37a commented on GitHub (Jan 19, 2024): as I have metioned in #515 Feat. Req. : ( in left hand side panel ) **Functionality:** - When a user hovers their mouse over any item in the left side panel, a small tooltip or hint should appear. - This tooltip will contain a concise yet informative description of the item's function or purpose. **Example:** - Hovering over `Modelfies` might display a hint like "Configure and manage your model settings." - Hovering over `Prompts` could show "Access and create new prompts." - For `Documents`, the hint might be "View and organize your documents."
GiteaMirror commented 2025-11-11 14:06:56 -06:00
Author
Owner
Copy Link

@mhussaincov94 commented on GitHub (Feb 5, 2024):

hi,
screen reader users don't use the mouse.
we use keybord navigation.
I use orca the screen reader on linux.
up and down arrow keys, screen reader key b to navigate all buttons on the page the c key to navigate all comboboxes etc.
pressing the shift key + b goes to the last button well the button before the one you are on.
it would would be good if all buttons and other controls had correct labels on them.
Majid

@mhussaincov94 commented on GitHub (Feb 5, 2024): hi, screen reader users don't use the mouse. we use keybord navigation. I use orca the screen reader on linux. up and down arrow keys, screen reader key b to navigate all buttons on the page the c key to navigate all comboboxes etc. pressing the shift key + b goes to the last button well the button before the one you are on. it would would be good if all buttons and other controls had correct labels on them. Majid
GiteaMirror commented 2025-11-11 14:06:56 -06:00
Author
Owner
Copy Link

@devinprater commented on GitHub (Mar 15, 2024):

I would be greatful if the buttons were labeled as well.

@devinprater commented on GitHub (Mar 15, 2024): I would be greatful if the buttons were labeled as well.
GiteaMirror commented 2025-11-11 14:06:56 -06:00
Author
Owner
Copy Link

@tjbck commented on GitHub (Jun 3, 2024):

Closing in favour of #2790

@tjbck commented on GitHub (Jun 3, 2024): Closing in favour of #2790
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
core
documentation
enhancement
good first issue
help wanted
non-core
pull-request
Mirrored from GitHub Pull Request
 python
question
testing wanted
No Label enhancement good first issue help wanted non-core
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#121
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?