Content on Images in Open source AI code editor screen is not visible properly in 100% mode: A11y_ Visual Studio Code Services_Open Source AI code editor screen _Functionality.

[AnKushSingh05]

GitHub Tags:

#A11yTCS; #DesktopWeb; #ChromiumEdge; #Win11; #Visual Studio Code Services; #E2E_Visual Studio Code Services_Web_Jan26; #ES Chat; #Functionality;

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."

Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours.

Environment Details:

Application Name: Visual Studio Code Services
URL: https://code.visualstudio.com
Chromium Edge: Version 144.0.3719.104 (Official build) dev (64-bit)
Edition: Windows 11 Enterprise Insider Preview
Version: 24H2
OS build: 26558.1000

Repro steps:

1. Hit the URL: https://code.visualstudio.com
2. Tab navigate to images present in the Open Source AI Code Editor Screen.
3. Observe that Content on Images in Open source AI code editor screen is not visible properly in 100% mode.

Actual Result:

In the Open Source AI Code Editor screen, the content displayed on images is not visible or readable when viewed in the default 100% mode. This issue occurs due to poor contrast, overlapping content, or improper layout adjustments.

Expected Result:

All content on images should be clearly visible and readable in 100% mode. This includes ensuring sufficient contrast between text and background, proper alignment of content on images, and no overlapping or obscured elements.

User Impact:

Users will not be able to read the information completely from the images if the text is not visible completely at 100% mode.

Attachment:

Bug.10.mp4