[PR #4942] [CLOSED] fix: Lighthouse a11y improvements + fixes for Lighthouse SEO errors #21591

Closed
opened 2026-04-20 03:35:59 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/4942
Author: @sebdanielsson
Created: 8/27/2024
Status: Closed

Base: devHead: lighthouse-improvements


📝 Commits (7)

  • 7de9ba4 Add robots.txt to fix validation error
  • 7afab12 Add meta description
  • a4199a5 A11y: Buttons do not have an accessible name
  • c0fd8bb a11y: Touch targets do not have sufficient size or spacing.
  • 64f5d1b a11y: Zooming and scaling must not be disabled
  • ddbeecb a11y: Background and foreground colors do not have a sufficient contrast ratio.
  • 01bd7bc Run code format

📊 Changes

9 files changed (+27 additions, -7 deletions)

View changed files

📝 src/app.html (+6 -1)
📝 src/lib/components/chat/MessageInput.svelte (+3 -0)
📝 src/lib/components/chat/MessageInput/Suggestions.svelte (+6 -4)
📝 src/lib/components/chat/ModelSelector.svelte (+4 -2)
📝 src/lib/components/layout/Navbar.svelte (+3 -0)
📝 src/routes/(app)/admin/+layout.svelte (+1 -0)
📝 src/routes/(app)/playground/+layout.svelte (+1 -0)
📝 src/routes/(app)/workspace/+layout.svelte (+1 -0)
static/robots.txt (+2 -0)

📄 Description

Changelog Entry

Description

This PR addresses lots of low-hanging fruit fixes to greatly improve the Lighthouse score. After these fixes:

  • No errors are reported for the SEO tests and it is now scored at 66, up from 50. Only way to improve it is to allow search engines to index which is probably unwanted for most people.
  • Accessibility score has improved from 71 to 100 by improving contrast, adding aria label for some buttons, and increasing the size on one button.

Fixed

  • The inclusion of a robot.txt file with Disallow All addresses a Lighthouse SEO error, preventing content indexing by search engines.
  • A meta description has been added, addressing a Lighthouse recommendation and positively impacting the SEO score.
  • Missing aria labels on buttons have been added, enhancing the Lighthouse accessibility test results.
  • The "More Models" button has been adjusted, including margin and size increases, to improve the Lighthouse score and align with WCAG.
  • The maximum-scale setting has been updated to 2 to comply with Lighthouse and WCAG zoom functionality recommendations.
  • Text color adjustments have been made to enhance contrast, improving the Lighthouse accessibility score and aligning with WCAG guidelines.

Additional Information

  • Partly fixes #2790. There's still some more accessibility fixes to do on the admin panel. But the login page and main page should be greatly improved.

Screenshots or Videos

image image

🔄 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/4942 **Author:** [@sebdanielsson](https://github.com/sebdanielsson) **Created:** 8/27/2024 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `lighthouse-improvements` --- ### 📝 Commits (7) - [`7de9ba4`](https://github.com/open-webui/open-webui/commit/7de9ba4ef8d77998938a5715f17b08d8d46371c7) Add robots.txt to fix validation error - [`7afab12`](https://github.com/open-webui/open-webui/commit/7afab12ea651a4ed7ecc6c552206e87e46b84554) Add meta description - [`a4199a5`](https://github.com/open-webui/open-webui/commit/a4199a5c95be81b684c675020152234b9bef764f) A11y: Buttons do not have an accessible name - [`c0fd8bb`](https://github.com/open-webui/open-webui/commit/c0fd8bbba14ff6249fb2e6b05e19c8e9a5682da9) a11y: Touch targets do not have sufficient size or spacing. - [`64f5d1b`](https://github.com/open-webui/open-webui/commit/64f5d1b44a6444205873455c923b4592546b17db) a11y: Zooming and scaling must not be disabled - [`ddbeecb`](https://github.com/open-webui/open-webui/commit/ddbeecb5515fb0457349fe1e6a4701256caabad3) a11y: Background and foreground colors do not have a sufficient contrast ratio. - [`01bd7bc`](https://github.com/open-webui/open-webui/commit/01bd7bca78d2f5ed9ff9d96ac026265721fc57dc) Run code format ### 📊 Changes **9 files changed** (+27 additions, -7 deletions) <details> <summary>View changed files</summary> 📝 `src/app.html` (+6 -1) 📝 `src/lib/components/chat/MessageInput.svelte` (+3 -0) 📝 `src/lib/components/chat/MessageInput/Suggestions.svelte` (+6 -4) 📝 `src/lib/components/chat/ModelSelector.svelte` (+4 -2) 📝 `src/lib/components/layout/Navbar.svelte` (+3 -0) 📝 `src/routes/(app)/admin/+layout.svelte` (+1 -0) 📝 `src/routes/(app)/playground/+layout.svelte` (+1 -0) 📝 `src/routes/(app)/workspace/+layout.svelte` (+1 -0) ➕ `static/robots.txt` (+2 -0) </details> ### 📄 Description # Changelog Entry ### Description This PR addresses lots of low-hanging fruit fixes to greatly improve the Lighthouse score. After these fixes: - No errors are reported for the SEO tests and it is now scored at 66, up from 50. Only way to improve it is to allow search engines to index which is probably unwanted for most people. - Accessibility score has improved from 71 to 100 by improving contrast, adding aria label for some buttons, and increasing the size on one button. ### Fixed - The inclusion of a robot.txt file with Disallow All addresses a Lighthouse SEO *error*, preventing content indexing by search engines. - A meta description has been added, addressing a Lighthouse recommendation and positively impacting the SEO score. - Missing aria labels on buttons have been added, enhancing the Lighthouse accessibility test results. - The "More Models" button has been adjusted, including margin and size increases, to improve the Lighthouse score and align with WCAG. - The maximum-scale setting has been updated to 2 to comply with Lighthouse and WCAG zoom functionality recommendations. - Text color adjustments have been made to enhance contrast, improving the Lighthouse accessibility score and aligning with WCAG guidelines. --- ### Additional Information - Partly fixes #2790. There's still some more accessibility fixes to do on the admin panel. But the login page and main page should be greatly improved. ### Screenshots or Videos <img width="287" alt="image" src="https://github.com/user-attachments/assets/5ae0bcd5-70e7-4f6b-b3b3-29f66846011a"> <img width="291" alt="image" src="https://github.com/user-attachments/assets/621efa4d-9ce0-43f1-afdd-1454de916500"> --- <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-20 03:35:59 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#21591