Issue Summary

The text present in different tabs fails to meet the required color contrast ratio by default and on hover.

Steps to Reproduce

1. Navigate to the mentioned page.
2. Navigate to the mentioned instances.
3. Use any color contrast testing tool to check the color contrast.
4. Observe that the color contrast between the foreground text and the background is insufficient.

Screenshots

Actual Results

The "What do you want to say" placeholder text has an insufficient color contrast ratio with the background color. 

On Expanded state:

Foreground: #7A869A

Background: #FFFFFF

Ratio: 3.7:1

By Default:

Foreground: #7A869A

Background: #FAFBFC

Ratio: 3.7:1

On hover:

Foreground: #7A869A

Background: #EBECF0

Ratio: 3.1:1

 
The "Resolve", "Edit" and "Replay" buttons have an insufficient color contrast ratio with the background color on hover. 

On Hover:

Foreground:  #8993A4

Background: #F2F7FF

Ratio: 2.9:1

As a result, low-vision and elderly users won't be able to identify the text. This will cause an unpleasant user experience for users.

Expected Results

On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 4.5:1 for standard text.

Workaround

Currently, there is no known workaround for this behaviour. 

Environment 

MacBook Pro (16-inch, 2019)
macOS 13.4.1 (c) (22F770820d)
Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
Firefox- Version 114.0 (64-bit)
Safari- Version 16.5.2 (18615.2.9.11.10)
JAWS- Version 2023.2306.28
NVDA- Version 2022.2.2
Voiceover - Version Latest