Repository navigation
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. #9312
Description
GitHub Tags:
#A11yTCS; #DesktopWeb; #ChromiumEdge; #Win11; #A11yFunctional;
"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."
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:
- Hit the URL: https://code.visualstudio.com
- Tab navigate to images present in the Open Source AI Code Editor Screen.
- 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.
Activity
hawkticehurst commentedon Mar 27, 2026
Hi AnKushSingh05 can you clarify how this bug report should be applied when considered different screen resolutions and browers?
For example, on my computer and browser configuration (no bookmarks row) the content of the homepage when the browser is set to 100% zoom is fully visible. It seems like this bug is more so a consequence of the specific computer and browser configuration you're using?
Also to clarify, these are supposed to represent visual graphics on the page similar to images. They just happen to be implemented using HTML and CSS to make it easier to maintain and update these graphics over time. Any overlapping or clipped content/code, layout, etc are intentional artistic decisions. These are supposed to be presentational versus informative elements on the page.
docs(tutorial): remove hardcoded gpt-4o family from selectChatModels