Color contrast ratio of "Remote" text is 4.381:1 which is less than 4.5:1: A11y_Azure Function_Default screen_Color Contrast

[Rama8345]

GIT Hub Tags:

#A11yTCS; #A11ySev2; #Azure Tools for VS Code; #BM_Azure Tools for VS Code_Win32_Nov2024; #DesktopApp; #A11yMAS; #WCAG1.4.3; #ColorContrast; #Win11; #FTP;

Environment and OS details:

Application name: Azure Tools for VS Code
URL: Visual studio code

Reproduction Steps:

1. Open Visual studio code
2. TAB till extension button and press ENTER then search for "Azure Functions"
3. TAB till install and press ENTER.
4. TAB till "Azure" button and press ENTER.
5. TAB till "Resource" section.
6. Open accessibility insights for windows and check color contrast ratio of "Remote" text.
7. Observe the issue whether Color contrast ratio of "Remote" text is 4.381:1 which is less than 4.5:1 or not.

Actual behavior:

Color contrast ratio of "Remote" text is 4.381:1 which is less than 4.5:1

Expected behavior:

Color contrast ratio of "Remote" text should be greater than or equals to 4.5:1

User Impact:

Low vision users will not be able to see "Remote" text if color contrast ratio will be less than 4.5:1.

Attachment:

[PoojaNamde]

#Rev:PoojaNamde;

[MicroFish91]

@Rama8345 Could you let me know the name of the VS Code color theme you are using here?

F1 > Preferences: Color Theme

[PoojaNamde]

@MicroFish91 Default dark theme we used to log this bug.

[MicroFish91]

Hi, @Rama8345 @PoojaNamde could you double verify the contrast ratio on this. I just ran a quick test and got > 4.5.

[AnKushSingh05]

Verified the bug in below version
Version: 1.97.0-insider (user setup)
Issue is not fixed.

[MicroFish91]

Okay thank you, tracking upstream issue posted on VS Code repo microsoft/vscode#237130

[PoojaNamde]

@MicroFish91 We have logged new bug #4481 to track this issue. Could you please close this bug.