SeleniumHQ/seleniumhq.github.io

[🚀 Feature]: Fixing Accessibility Issues On Selenium Website

Open

#2,486 建立於 2025年9月23日

在 GitHub 查看
 (5 留言) (0 反應) (0 負責人)HTML (712 star) (1,015 fork)batch import
help wantedneeds-triaging

描述

Feature and motivation

The main website of Selenium has accessibility issues, raised as bugs as well . #2479, #2231, #1976 . Created a script to find the accessibility issue on website, using axe and the report shows issues on the main links on page. This feature proposal lists the concerns in each page and as identified fix for these issues will be attempted.

selenium_report_20250923_133948.txt

these two are the common concern across website-

  • To Fix ARIA attributes site-wide.
  • To Improve color contrast - Affects user readability across the site [2]

Most likely concern is at the template level, in the .scss files. The website is built using hugo docsy theme. Fixing color contrast in file variables project . scss file might fix issue 2.

code used to find accessibility issue - [to help explore]

findAccessibilityIssuesSeleniumWebSite.py

or use this - https://wave.webaim.org/

貢獻者指南

技術棧
htmlcss
領域
frontendaccessibility
議題類型
accessibility
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
3-5 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
HTML accessibilityCSS knowledgeSCSS syntaxHugo templating basics
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70
研究方向
Based on the issue, the main accessibility problems are incorrect ARIA attributes and insufficient color contrast across the Selenium website. The reporter created an axe script and a report (selenium report 20250923 133948.txt) detailing these issues. The color contrast fix may be in the `variables project .scss` file. The website uses Hugo docsy theme, so changes should be made in the template and SCSS files. Review linked issues #2479, #2231, #1976 for specific examples. Start by auditing the site using the provided script or WAVE, then fix ARIA attributes in the HTML templates and adjust color contrast in the SCSS variables.