Repository: microsoft/vscode-docs

Issue #3432: A11y_code.visualstudio.com_WCAG2.1_Homepage_Zoom: When the page is zoomed to 400% there are 2 scroll bars available on the page. One vertical and another horizontal bar.
Created: 2020-02-28T05:35:47Z
“Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.”
GitHubTags: #A11ySev1; #A11yTCS; #A11yWCAG2.1; #Benchmark;#ChromiumEdge; #Zoom; #DesktopWeb; #MAS1.4.10; #Win10; #Visual Studio Code; #A11y_code.visualstudio.com_WCAG2.1;#A11y_WCAG2.1_FEB2020; #A11yMAS
Environment Details:
Application Name: code.visualstudio.com
#URL: https://code.visualstudio.com/docs/editor/integrated-terminal
Windows Version: Windows10
Browser version: Microsoft Edge 80.0.361.5
Repro Steps:

Launch the application URL: https://code.visualstudio.com/docs/editor/integrated-terminal
Home screen will open
Zoom the page to 400%.

Actual:
When the page is zoomed to 400% there are 2 scroll bars available on the page. One vertical and another horizontal bar.
Same issue is observed in the following page:

https://code.visualstudio.com/updates/v1_30
https://code.visualstudio.com/updates/v1_29

Expected:
There should be just one scroll bar on the page. Content should be provided without loss of data and functionality and without requiring 2 scroll bars.
User Impact:
Low vision users won't be able to read data in a single layout.
Attachment:
#3432.zip

Duplicate issue #3612: A11y_code.visualstudio.com_VisualStudioCode_UsingVersionControlinVSCode_Zoom: Content is not visible at 400% zoom and two scroll bars present.
Created: 2020-04-24T20:36:25Z
“Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.”
Pre-Requisite: Change the display resolution to 1280*1024 and zoom in the page to 400% in systems display settings.
GitHubTags:#P1_A11y_code.visualstudio.com_Apr2020;#A11ySev2;#A11yTCS;#A11yMAS;#Benchmark;#ChromiumEdge;#DesktopWeb;#MAS1.4.10;#Win10;#Visual Studio Code;#P1_code;#Zoom;
Environment Details:
Application Name: code.visualstudio.com
#URL:https://code.visualstudio.com/docs/editor/versioncontrol
Windows Version: Windows10
Browser version: Microsoft Edge Version 81.0.416.60 (Official build) beta (64-bit)
Chrome Version:Version 81.0.4044.113 (Official Build) (64-bit)
Screen Reader: Narrator(Desktop App), NVDA(2019.3.1)
Repro Steps:
1)Launch the application url :
https://code.visualstudio.com/docs/editor/versioncontrol
2)Using Version Control in VS Code Page will get open.
3)Navigate till the heading "Using Version Control in VS Code" while narrator is on.
Actual:
issue 1: After applying the pre-requisite steps there are 2 scroll bars present on the screen horizontal and vertical scroll bars.
issue 2: After applying the pre-requisite steps the content present on the screen is overlapped by the cookies pop-up that is present on the screen.
This issue has been observed throughout the application.
Expected:
issue 1: After applying the pre-requisite steps there should be only 1 scroll bar present on the screen either horizontal or vertical scroll bar.
issue 2: After applying the pre-requisite steps the content present on the screen should be clearly visible and accessible for the users.
User Impact:
issue 1: Low vision users won't be able to read data in a single layout.
issue 2: Low vision users might not ne able to access or view the content that is present on the page.
Attachment link for Reference:
3612_A11y_code.visualstudio.com_VisualStudioCode_UsingVersionControlinVSCode_Zoom.zip

Closing comment (2020-05-21T23:03:59Z): Closing as duplicate of #3432. Behavior is based on browser not code.visualstudio.com