Issue Summary

Color alone is used to convey selected state of "Light", "Dark", "Match system" and so on radio buttons.

Steps to Reproduce

1. Open the "Home" page.
2. Navigate to the header section.
3. Activate the "User profile" > "Theme" buttons.
4. Navigate to the mentioned radio buttons.
5. Observe that color alone is used to indicate the selected state of the radio buttons.

Screenshot

Actual Results

The #E9F2FF color alone is used to indicate the selected state of the "Light", "Dark", "Match system" and so on radio buttons that becomes available on activating the "User Profile" and "Theme" buttons in the header section.

Color deficiencies users will not be able to differentiate between the colors and will have no way to easily identify the currently selected radio button.

Expected Results

Information presented via color should be conveyed to all users programmatically using another alternate method.

In the mentioned example at least see to it that the color contrast between the selected state and non-selected state of the radio buttons should be a minimum of 3:1.

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
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 134.0 (64-bit) 
Safari- Version 18.1.1 (20619.2.8.11.12)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest