Before submitting, make sure you've checked the following:
Target branch: Please verify that the pull request targets the dev branch.
Description: Provide a concise description of the changes made in this pull request.
Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
Documentation: Have you updated relevant documentation Open WebUI Docs, or other documentation sources?
Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation?
Testing: Have you written and run sufficient tests to validate the changes?
Code review: Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards?
Prefix: To clearly categorize this pull request, prefix the pull request title using one of the following:
BREAKING CHANGE: Significant changes that may affect compatibility
build: Changes that affect the build system or external dependencies
ci: Changes to our continuous integration processes or workflows
chore: Refactor, cleanup, or other non-functional code changes
docs: Documentation update or addition
feat: Introduces a new feature or enhancement to the codebase
fix: Bug fix or error correction
i18n: Internationalization or localization changes
perf: Performance improvement
refactor: Code restructuring for better maintainability, readability, or scalability
style: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.)
test: Adding missing tests or correcting existing tests
WIP: Work in progress, a temporary label for incomplete or ongoing work
Changelog Entry
Description
Add aria-hidden and aria-label to <button to make it accessible for assistive technology
Add visible focus in high contrast mode
aria-pressed on button that has a state
Make aria-labels translatable
Added
Add aria-hidden and aria-label to <button to make it accessible for assistive technology
Add visible focus in high contrast mode
aria-pressed on button that has a state
Make aria-labels translatable
Changed
N/A
Deprecated
N/A
Removed
N/A
Fixed
N/A
Security
N/A
Breaking Changes
N/A
Additional Information
N/A
Screenshots or Videos
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.
## 📋 Pull Request Information
**Original PR:** https://github.com/open-webui/open-webui/pull/15445
**Author:** [@sinejespersen](https://github.com/sinejespersen)
**Created:** 7/1/2025
**Status:** ✅ Merged
**Merged:** 7/1/2025
**Merged by:** [@tjbck](https://github.com/tjbck)
**Base:** `dev` ← **Head:** `feature/chat-page-accessibility`
---
### 📝 Commits (3)
- [`00e2ad1`](https://github.com/open-webui/open-webui/commit/00e2ad1a9f8eb534fa8ecde3c4ad123c187fd8c5) Aria labels on image
- [`ab3c19d`](https://github.com/open-webui/open-webui/commit/ab3c19dd36371d97d86e95c7516f0ca1f52e66a1) aria labels and high contrast mode for accessibility
- [`67ac39b`](https://github.com/open-webui/open-webui/commit/67ac39b72bd3ae6a414a4366a2c3715cbbaf6c40) aria hidden on some svgs for accessibility
### 📊 Changes
**7 files changed** (+29 additions, -5 deletions)
<details>
<summary>View changed files</summary>
📝 `src/lib/components/chat/MessageInput.svelte` (+15 -4)
📝 `src/lib/components/common/Image.svelte` (+9 -1)
📝 `src/lib/components/icons/Bolt.svelte` (+1 -0)
📝 `src/lib/components/icons/CommandLine.svelte` (+1 -0)
📝 `src/lib/components/icons/GlobeAlt.svelte` (+1 -0)
📝 `src/lib/components/icons/Sparkles.svelte` (+1 -0)
📝 `src/lib/components/icons/Wrench.svelte` (+1 -0)
</details>
### 📄 Description
# Pull Request Checklist
### Note to first-time contributors: Please open a discussion post in [Discussions](https://github.com/open-webui/open-webui/discussions) and describe your changes before submitting a pull request.
https://github.com/open-webui/open-webui/discussions/8908
**Before submitting, make sure you've checked the following:**
- [x] **Target branch:** Please verify that the pull request targets the `dev` branch.
- [x] **Description:** Provide a concise description of the changes made in this pull request.
- [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description.
- [ ] **Documentation:** Have you updated relevant documentation [Open WebUI Docs](https://github.com/open-webui/docs), or other documentation sources?
- [ ] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation?
- [ ] **Testing:** Have you written and run sufficient tests to validate the changes?
- [x] **Code review:** Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards?
- [ ] **Prefix:** To clearly categorize this pull request, prefix the pull request title using one of the following:
- **BREAKING CHANGE**: Significant changes that may affect compatibility
- **build**: Changes that affect the build system or external dependencies
- **ci**: Changes to our continuous integration processes or workflows
- **chore**: Refactor, cleanup, or other non-functional code changes
- **docs**: Documentation update or addition
- **feat**: Introduces a new feature or enhancement to the codebase
- **fix**: Bug fix or error correction
- **i18n**: Internationalization or localization changes
- **perf**: Performance improvement
- **refactor**: Code restructuring for better maintainability, readability, or scalability
- **style**: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.)
- **test**: Adding missing tests or correcting existing tests
- **WIP**: Work in progress, a temporary label for incomplete or ongoing work
# Changelog Entry
### Description
- Add `aria-hidden` and `aria-label` to `<button` to make it accessible for assistive technology
- Add visible focus in high contrast mode
- `aria-pressed` on button that has a state
- Make aria-labels translatable
### Added
- Add `aria-hidden` and `aria-label` to `<button` to make it accessible for assistive technology
- Add visible focus in high contrast mode
- `aria-pressed` on button that has a state
- Make aria-labels translatable
### Changed
N/A
### Deprecated
N/A
### Removed
N/A
### Fixed
N/A
### Security
N/A
### Breaking Changes
N/A
---
### Additional Information
N/A
### Screenshots or Videos
### Contributor License Agreement
By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms.
---
<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/15445
Author: @sinejespersen
Created: 7/1/2025
Status: ✅ Merged
Merged: 7/1/2025
Merged by: @tjbck
Base:
dev← Head:feature/chat-page-accessibility📝 Commits (3)
00e2ad1Aria labels on imageab3c19daria labels and high contrast mode for accessibility67ac39baria hidden on some svgs for accessibility📊 Changes
7 files changed (+29 additions, -5 deletions)
View changed files
📝
src/lib/components/chat/MessageInput.svelte(+15 -4)📝
src/lib/components/common/Image.svelte(+9 -1)📝
src/lib/components/icons/Bolt.svelte(+1 -0)📝
src/lib/components/icons/CommandLine.svelte(+1 -0)📝
src/lib/components/icons/GlobeAlt.svelte(+1 -0)📝
src/lib/components/icons/Sparkles.svelte(+1 -0)📝
src/lib/components/icons/Wrench.svelte(+1 -0)📄 Description
Pull Request Checklist
Note to first-time contributors: Please open a discussion post in Discussions and describe your changes before submitting a pull request.
https://github.com/open-webui/open-webui/discussions/8908
Before submitting, make sure you've checked the following:
devbranch.Changelog Entry
Description
aria-hiddenandaria-labelto<buttonto make it accessible for assistive technologyaria-pressedon button that has a stateAdded
aria-hiddenandaria-labelto<buttonto make it accessible for assistive technologyaria-pressedon button that has a stateChanged
N/A
Deprecated
N/A
Removed
N/A
Fixed
N/A
Security
N/A
Breaking Changes
N/A
Additional Information
N/A
Screenshots or Videos
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.