A11y_Visual Studio Code Services_Docs_Left Right Navigation_Resize: After zooming the page up to 200%, right navigation 'Getting started' links are not visible.

[SachinChavhan317]

"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility or the Divisional Driver."

GitHubTags:

#WCAG1.4.4; #A11ySev2; #A11yTCS; #A11yWCAG2.1; #Chrome; #DesktopWeb; #Win11; #Visual Studio Code Services; #BM_VisualStudioCodeServices_Web_Apr2023; #Resize Text;

Environment Details:

Application Name: Visual Studio Code Services
URL: https://code.visualstudio.com/
Microsoft Windows 11 Enterprise 10.0.22621 Build 22621
Chrome Version 111.0.5563.147 (Official Build) (64-bit)

Repro Steps:

1. Hit the application URL: https://code.visualstudio.com/
2. Navigate to "Docs" link.
3. Left and right navigation will appear.
4. Verify whether the after zooming the page up to 200%, right navigation 'Getting started' links are visible or not.

Actual Result:

After zooming the page up to 200%, right navigation 'Getting started' links are not visible.

Expected Result:

After zooming the page up to 200%, right navigation 'Getting started' links should be visible on page.

User Impact:

Low Vision users will not get this right navigation feature links if getting started links are not visible in 200% zoom.

Attachment:

[rzhao271]

Hi @SachinChavhan317, I have attached a screenshot of a new design. It has not been published yet. Let me know if the design works for you:

The design adds a new selectbox to the top of the page when the width of the page is small. The new selectbox contains the names of the on-page navigation headers, and is right under another selectbox that controls the page the reader is on.

CC @gregvanl

[rzhao271]

@SachinChavhan317 The issue should be fixed now. There is now a selectbox at the top of the screen for mobile users to navigate to a section within the page.

[SachinChavhan317]

I have verified the bug on URL: https://code.visualstudio.com/docs
I'm not getting any selectbox at the top of the screen for right navigation.
Please refer below attachment for reference.

[rzhao271]

@SachinChavhan317 I forgot to apply the fix to a few pages. The issue should be fixed for that page too, now.

[rzhao271]

Closing due to upcoming SLA deadline.

[SachinChavhan317]

Verified the bug on URL: https://code.visualstudio.com/docs
Getting started dropdown is available for 'Getting started' controls. But below controls still not available in resize resolution.

Adding this screenshot for reference.

[rzhao271]

Reopening. This issue and #6210 are essentially the same issue, though.