Text on Selenium site is hard to read due to low visual contrast

[kool79]

What happened?

On the page https://www.selenium.dev/documentation, the main text is displayed in a thin gray font on a white background.
• Sidebar text uses color rgba(111,117,122,0.75) on a white background, resulting in a contrast ratio of 2.92:1, which is below WCAG AA minimum (4,5:1)
• Main text uses the same RGB values but with full opacity (alpha = 1), resulting in a contrast ratio of 4.66:1, which meets WCAG AA, but it is very close to threshold (4.5:1). Also, taking into account the antialiasing and think stroke, the most pixels are lighter than the base color (1st screenshot), so the result color contrast ratio will be lower than 4.5:1. Actually WCAG contrast calculations do not account for anti-aliasing, font weight, so text that meets the numeric contrast ratio may still appear visually weak or hard to read
Additionally, the combination of light background with thin gray thin text+ anti-aliasing visually overloads the eyes. I always feel discomfort when try to read the documentation on my external monitor.

[github-actions]

@kool79, thank you for creating this issue. We will troubleshoot it as soon as we can.

---

Info for maintainers

Triage this issue by using labels.

If information is missing, add a helpful comment and then I-issue-template label.

If the issue is a question, add the I-question label.

If the issue is valid but there is no time to troubleshoot it, consider adding the help wanted label.

After troubleshooting the issue, please add the R-awaiting answer label.

Thank you!