Color contrast ratio less than required - Accessibility

[Amrisha-Shukla]

Does this issue occur when all extensions are disabled?: Yes/No
Yes

• VS Code Version:
• OS Version:

Steps to Reproduce:

1. Navigate to any input field in the software, and focus on it. The blue highlight border comes up.
2. Use a color contrast checker tool, such as Color Contrast Analyser, to determine the ratio between the color on the inside of the input field to the blue highlight border.

Problem:
For accessibility, the color contrast ratio is less than the minimum required ratio, 3:1.
PFA screen captures.

[kkbrooks]

Hi @Amrisha-Shukla! Thanks for the feedback. According to WCAG 2.4.13, the color contrast is measured against the non-focus color of the border. You're right that the shift in color between the input border (#3c3c3c) and the focus border(#0078D4) is only 2.44:1

We'll add this to our plan for the next sprint.