The scroll-to-bottom button in MessageInput.svelte (shown when the user scrolls up from the latest message) contained only an inline SVG arrow icon with no accessible name. Screen readers announced it as an unlabelled button.
Changes:
Added aria-label={$i18n.t('Scroll to bottom')} to the button element
Added aria-hidden="true" to the decorative SVG so it is not double-announced
Addresses WCAG 2.1 SC 4.1.2 (Name, Role, Value).
Changes
src/lib/components/chat/MessageInput.svelte
Test plan
Send several long messages to push the chat down, then scroll up — the scroll-to-bottom button appears
Navigate to it via keyboard/screen reader — it is announced as "Scroll to bottom"
Clicking/activating it scrolls to the latest message and the button disappears
🔄 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/24203
**Author:** [@akinshaywai](https://github.com/akinshaywai)
**Created:** 4/28/2026
**Status:** 🔄 Open
**Base:** `dev` ← **Head:** `fix/a11y-scroll-to-bottom-label`
---
### 📝 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/MessageInput.svelte` (+2 -0)
</details>
### 📄 Description
## Summary
The scroll-to-bottom button in `MessageInput.svelte` (shown when the user scrolls up from the latest message) contained only an inline SVG arrow icon with no accessible name. Screen readers announced it as an unlabelled button.
**Changes:**
- Added `aria-label={$i18n.t('Scroll to bottom')}` to the button element
- Added `aria-hidden="true"` to the decorative SVG so it is not double-announced
Addresses WCAG 2.1 SC 4.1.2 (Name, Role, Value).
## Changes
- `src/lib/components/chat/MessageInput.svelte`
## Test plan
- [ ] Send several long messages to push the chat down, then scroll up — the scroll-to-bottom button appears
- [ ] Navigate to it via keyboard/screen reader — it is announced as "Scroll to bottom"
- [ ] Clicking/activating it scrolls to the latest message and the button disappears
---
<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/24203
Author: @akinshaywai
Created: 4/28/2026
Status: 🔄 Open
Base:
dev← Head:fix/a11y-scroll-to-bottom-label📝 Commits (10+)
fe6783cMerge pull request #19030 from open-webui/devfc05e0aMerge pull request #19405 from open-webui/deve3faec6Merge pull request #19416 from open-webui/dev9899293Merge pull request #19448 from open-webui/dev140605eMerge pull request #19462 from open-webui/dev6f1486fMerge pull request #19466 from open-webui/devd95f533Merge pull request #19729 from open-webui/deva7271530.6.43 (#20093)6adde20Merge pull request #20394 from open-webui/devf9b0534Merge pull request #20522 from open-webui/dev📊 Changes
1 file changed (+2 additions, -0 deletions)
View changed files
📝
src/lib/components/chat/MessageInput.svelte(+2 -0)📄 Description
Summary
The scroll-to-bottom button in
MessageInput.svelte(shown when the user scrolls up from the latest message) contained only an inline SVG arrow icon with no accessible name. Screen readers announced it as an unlabelled button.Changes:
aria-label={$i18n.t('Scroll to bottom')}to the button elementaria-hidden="true"to the decorative SVG so it is not double-announcedAddresses WCAG 2.1 SC 4.1.2 (Name, Role, Value).
Changes
src/lib/components/chat/MessageInput.svelteTest plan
🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.