Issue Summary

On hover, the color contrast of the toggle buttons present in the "Enabled" column in the selected state, and in the default state, fail the minimum color contrast ratio i.e. 3:1.

Steps to Reproduce

1. Open the "Accessibility Assessment - Roadmaps" page.
2. Navigate and activate the "Warning" button.
3. Navigate to the mentioned instance.
4. On hover, check the color contrast of the mentioned instances using the color contrast analyzer tool.

Screenshot 1

Screenshot 2

Actual Results

When checked with the color contrast analyzer tool, the color contrast of the mentioned toggle buttons in the selected state, and in the default state, fails color contrast with the following details →

• The mentioned toggle button in the selected state fails color contrast with FG :  #FFFFFF, BG : #35B37E and Ratio: 2.7:1 
• The mentioned toggle button in the default state fails color contrast with FG :  #FFFFFF, BG : #A4ADBA and Ratio: 2.3:1 

As a result, low-vision users will face difficulty in accessing the button.

Expected Results

Ensure that the color contrast for all user interface controls in their default as well as active, hover, and focus states is 3:1 with the adjacent content.

A color contrast analyzer can be downloaded from !https://www.tpgi.com/wp-content/themes/bedstone/favicons/favicon-16x16.png!Colour Contrast Analyzer - TPGi

Workaround

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

Environment

MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest