“Switch to the Light Theme and Open Search Dialogue” Buttons are not visible after applying Resize: 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 “Switch to the Light Theme and Open Search Dialogue” buttons.
3. Observe that “Switch to the Light Theme and Open Search Dialogue” Buttons are not visible after applying Resize.

Actual Result:

When resizing text up to 200%, the "Switch to Light Theme" and "Open Search Dialogue" buttons are not visible on the screen. Users are unable to access these buttons, which are essential for changing themes and performing searches.

Expected Result:

The "Switch to Light Theme" and "Open Search Dialogue" buttons should remain visible and accessible when resizing text up to 200%. The layout should dynamically adjust to ensure that all critical content and functionality remain accessible without loss.

User Impact:

Low vision users may encounter challenges if the “Switch to the Light Theme” and “Open Search Dialogue” buttons are not visible after resizing the interface. This lack of visibility can make it difficult for them to access essential functions, potentially impacting their ability to navigate and use the application effectively. Ensuring these buttons remain accessible and clearly visible after resizing is important for providing an inclusive experience for all users.

Attachment:

Bug.6.mp4