Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (span[data-commandid="editor.action.revealDefinition"]):A11y_Visual Studio Code Services_Editing Python in Visual Studio Code_AI4W

[Meghana274]

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver".

GitHub Tags:

#A11yTCS; #A11ySev2; #A11yMAS; #DesktopWeb; #ChromiumEdge; #WCAG1.4.3; #Contrast(minimum); #Visual Studio Code Services; #A11yAuto; #AI4W; #BM_VisualStudioCodeServices_Web_July2024; #Win11; #color-contrast; #Closed; #Regressed:06-28-24;

Environment Details: 

Application Name:  Visual Studio Code Services
URL: https://code.visualstudio.com/docs/python/editing?dark-plus-v2
Microsoft Edge version 126.0.0.0 (Official Build) (64-bit)

Repro Steps:

1. Launch the application using the URL: https://code.visualstudio.com/docs/python/editing?dark-plus-v2 and press ENTER.
2. "Editing Python in Visual Studio Code" screen will appear.
3. Run fast pass and observe the issue.

Issue:

Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds (color-contrast - https://accessibilityinsights.io/info-examples/web/color-contrast)

Note: Issue is observed in below URL's also.

1. https://code.visualstudio.com/docs/python/editing?dark-plus-v2
2. https://code.visualstudio.com/docs/python/jupyter-support-py?dark-plus-v2
3. https://code.visualstudio.com/docs/python/linting?dark-plus-v2
4. https://code.visualstudio.com/docs/remote/remote-overview?dark-plus-v2
5. https://code.visualstudio.com/docs/remote/troubleshooting?dark-plus-v2
6. https://code.visualstudio.com/docs/remote/wsl?dark-plus-v2
7. https://code.visualstudio.com/docs/getstarted/keybindings?dark-plus-v2
8. https://code.visualstudio.com/docs/supporting/faq?dark-plus-v2

Target application:

Editing Python Code in Visual Studio Code - https://code.visualstudio.com/docs/python/editing?dark-plus-v2

Element path:

span[data-commandid="editor.action.revealDefinition"]

Snippet:

F12

Related paths:

body

How to fix:

Fix any of the following:
Element has insufficient color contrast of 4.46 (foreground color: #005fb8, background color: #d9d9d9, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1

Environment:

Microsoft Edge version 126.0.0.0

====

This accessibility issue was found using Accessibility Insights for Web 2.43.0 (axe-core 4.8.4), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.

Attachment:

[12-shweta]

#rev:shwarh;

[RamMohanRaoHanmanth]

Verified the issue in the below URLs and the issue is fixed.

1. https://code.visualstudio.com/docs/python/editing?dark-plus-v2
2. https://code.visualstudio.com/docs/python/jupyter-support-py?dark-plus-v2
3. https://code.visualstudio.com/docs/python/linting?dark-plus-v2
4. https://code.visualstudio.com/docs/remote/remote-overview?dark-plus-v2
5. https://code.visualstudio.com/docs/remote/troubleshooting?dark-plus-v2
6. https://code.visualstudio.com/docs/remote/wsl?dark-plus-v2
7. https://code.visualstudio.com/docs/getstarted/keybindings?dark-plus-v2
8. https://code.visualstudio.com/docs/supporting/faq?dark-plus-v2

[Meghana274]

Verified the issue in below URLs, the issue is fixed, so closing the bug and adding the attachment.
https://code.visualstudio.com/docs/python/editing?dark-plus-v2
https://code.visualstudio.com/docs/python/jupyter-support-py?dark-plus-v2
https://code.visualstudio.com/docs/python/linting?dark-plus-v2
https://code.visualstudio.com/docs/remote/remote-overview?dark-plus-v2
https://code.visualstudio.com/docs/remote/troubleshooting?dark-plus-v2
https://code.visualstudio.com/docs/remote/wsl?dark-plus-v2
https://code.visualstudio.com/docs/getstarted/keybindings?dark-plus-v2
https://code.visualstudio.com/docs/supporting/faq?dark-plus-v2