Issue Summary

Low vision users would be impacted as the luminosity ratio for the text is not sufficient when compared with its background due to which it would be problematic for them to read the perceive the text properly and hence it would result in a degraded user experience for them.

Steps to Reproduce

1. Open URL: https://status.npmjs.org/ and sign in with valid credentials.
2. Navigate to the npm status page and reach 'View historical uptime' link, select it.
3. Navigate to the tab item incidents and select it.
4. Navigate to various controls of the page.
5. Open Developer toolbar by pressing F12 key and select AXE dev tools.
6. Verify whether Luminosity contrast ratio for text does have sufficient contrast ratio of
4.5:1 or not.

Screenshot

Actual Results

The luminosity contrast ratio for 'README files not rendering on npmjs.com website' text is 2:7.1 which is less than the required contrast ratio of 4.5:1.
● Foreground text hex color - #E67E23
● Background hex color - #F6F8FA
<a href="https://status.npmjs.org/incidents/qfmzhxz3frwb" class="impact-minor incident-title font-large">README files not rendering on npmjs.com website</a>

Expected Results

The luminosity contrast ratio for 'README files not rendering on npmjs.com website' text should be greater than or equal to the required ratio of 4.5:1.
Note:
● The same issue exists with all similar text throughout the application.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available

Environment

MacBook Pro (16 inch, 2021)
macOs Sonoma 14.7.1 (23H222)
Chrome - Version 131.0.6778.265 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 18.2
JAWS- Version 2024
NVDA- Version 2024