Color contrast ratio is failing for "Docs Link Focus" and respective its background in the "Type chat screen" which is less then less than 3:1 : A11y_TypeChat Website_Type chat_Docs Link_Color Contrast.

[Check out Accessibility Insights!]- Identify accessibility bugs before check-in and make bug fixing faster and easier.

GitHubTags:

#A11yTCS; #A11ySev3; #TypeChat Website; #Feature_TypeChat Website_Web_April2024; #Win11; #Color contrast; #WCAG1.4.3; #WCP; #FTP; #DesktopWeb; #A11yMAS; #ChromiumEdge;.

Environment and OS details:

URL: https://microsoft.github.io/TypeChat/
Windows 11
OS build: 22631.3296
Chromium Edge Version 123.0.2420.65 (Official build) (64-bit)

Repro Steps:

1. Hit the URL: https://microsoft.github.io/TypeChat
2. Typechat Home screen gets opened.
3. Tab Navigate to "Doc Link" .
4. Turn on Accessibility insights for windows and Observe that Color contrast ratio is failing for "Docs Link Focus" and respective its background in the "Type chat screen" which is less then less than 3:1

Actual Result:

Color contrast ratio is failing for "Docs Link Focus" and respective its background in the "Type chat screen" which is less then less than 3:1

Expected Result:

Color contrast ratio for "Docs Link Focus" and respective its background in the "Type chat screen" should be greater than 3:1

User Impact:

Low vision users will face difficulty if Color contrast ratio is failing for "Docs Link Focus" and respective its background in the "Type chat screen" which is less then less than 3:1.

Attachment:

Start at the TypeChat website URL and use Accessibility Insights while tabbing to the Docs Link to inspect its focus state and background. Done means the Docs Link focus contrast measures greater than 3:1; no source file or test is identified in the issue.