Content in “Copilot Chat Section” is not visible after applying Resize in 'Open source AI code editor' screen: A11y_ Visual Studio Code Services_Open Source AI code editor screen _Resize.

[AnKushSingh05]

GitHub Tags:

#A11yTCS; #A11yMAS; #A11ySev2; #AI Limited; #DesktopWeb; #ChromiumEdge; #Win11; #Visual Studio Code Services; #E2E_Visual Studio Code Services_Web_Jan26; #WCAG1.4.4; #Reflow; #ES Chat;

"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

Pre Requisites:

1. Change the display resolution to 1366*768.
2. Change the text size to 200 %.

Repro steps:

1. Hit the URL: https://code.visualstudio.com
2. Tab navigate to Agent Mode image.
3. Tab navigate to “Copilot Chat Section”
4. Observe that Content in “Copilot Chat Section” is not visible after applying Resize in 'Open source AI code editor' screen.

Actual Result:

When text resizing is applied (e.g., zooming in up to 200%), the content in the "Copilot Chat Section" is not visible in the "Open Source AI Code Editor" screen. This results in users being unable to access or read the chat content.

Expected Result:

The "Copilot Chat Section" should remain visible and accessible when text resizing is applied. The layout should adapt dynamically to ensure that all content is displayed without loss of functionality or requiring excessive horizontal scrolling.

User Impact:

Low vision users may encounter significant challenges if the content within the 'Copilot Chat Section' becomes inaccessible after resizing the 'Open Source AI Code Editor' screen. Ensuring that all content remains visible and accessible during resizing is essential to support users with low vision and provide an inclusive experience.

Attachment:

Bug.4.mp4