[PR #21710] [MERGED] fix(a11y): improve accessibility of top-level auth and onboarding components #113539

New Issue

GiteaMirror · 2026-05-18T13:57:18-05:00

GiteaMirror commented

2026-05-18 13:57:18 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/21710
Author: @Classic298
Created: 2/21/2026
Status: ✅ Merged
Merged: 2/22/2026
Merged by: @tjbck

Base: dev ← Head: a11y/top-level-components-auth

📝 Commits (1)

79d2e2c fix(a11y): improve accessibility of top-level auth and onboarding components

📊 Changes

8 files changed (+30 additions, -19 deletions)

View changed files

📝 src/lib/components/AddFilesPlaceholder.svelte (+1 -1)
📝 src/lib/components/ChangelogModal.svelte (+4 -4)
📝 src/lib/components/ImportModal.svelte (+1 -0)
📝 src/lib/components/NotificationToast.svelte (+2 -2)
📝 src/lib/components/OnBoarding.svelte (+3 -3)
📝 src/lib/components/app/AppSidebar.svelte (+4 -2)
📝 src/routes/auth/+page.svelte (+7 -2)
📝 src/routes/s/[id]/+page.svelte (+8 -5)

📄 Description

Adds critical accessibility fixes across various app components:

auth/+page: provide alt text for logo, turn on screenReader support for password input, add aria-required, hide decorative SVGs from AT
AppSidebar: wrap navigation icons in a structure, provide ARIA labels for Home and Chat icons
s/[id]/+page: convert structural divs into semantically accurate h1 heading and time element, wrap message display in main region
OnBoarding: replace flawed aria-labelledby with direct aria-label on start button
NotificationToast: provide role='status' and aria-live='polite' for proper screen reader broadcasting
ChangelogModal: add required heading semantics for structure
AddFilesPlaceholder: provide heading element role for standalone text content
ImportModal: provide aria-label for close button

Addresses WCAG 4.1.3, 1.1.1, 3.3.2, and 1.3.1.

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/21710 **Author:** [@Classic298](https://github.com/Classic298) **Created:** 2/21/2026 **Status:** ✅ Merged **Merged:** 2/22/2026 **Merged by:** [@tjbck](https://github.com/tjbck) **Base:** `dev` ← **Head:** `a11y/top-level-components-auth` --- ### 📝 Commits (1) - [`79d2e2c`](https://github.com/open-webui/open-webui/commit/79d2e2c97f183f546f89f7ac647750d61eb8d164) fix(a11y): improve accessibility of top-level auth and onboarding components ### 📊 Changes **8 files changed** (+30 additions, -19 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/AddFilesPlaceholder.svelte` (+1 -1) 📝 `src/lib/components/ChangelogModal.svelte` (+4 -4) 📝 `src/lib/components/ImportModal.svelte` (+1 -0) 📝 `src/lib/components/NotificationToast.svelte` (+2 -2) 📝 `src/lib/components/OnBoarding.svelte` (+3 -3) 📝 `src/lib/components/app/AppSidebar.svelte` (+4 -2) 📝 `src/routes/auth/+page.svelte` (+7 -2) 📝 `src/routes/s/[id]/+page.svelte` (+8 -5) </details> ### 📄 Description Adds critical accessibility fixes across various app components: - auth/+page: provide alt text for logo, turn on screenReader support for password input, add aria-required, hide decorative SVGs from AT - AppSidebar: wrap navigation icons in a <nav> structure, provide ARIA labels for Home and Chat icons - s/[id]/+page: convert structural divs into semantically accurate h1 heading and time element, wrap message display in main region - OnBoarding: replace flawed aria-labelledby with direct aria-label on start button - NotificationToast: provide role='status' and aria-live='polite' for proper screen reader broadcasting - ChangelogModal: add required heading semantics for structure - AddFilesPlaceholder: provide heading element role for standalone text content - ImportModal: provide aria-label for close button Addresses WCAG 4.1.3, 1.1.1, 3.3.2, and 1.3.1. ### Contributor License Agreement  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>

GiteaMirror added the pull-request label 2026-05-18 13:57:18 -05:00

GiteaMirror closed this issue

2026-05-18 13:57:21 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/open-webui#113539