A11y_VscodeWebviewUiToolkit_AllComponents_DataGrid_Reflow: The column headers of data grids are not visible properly at 400% zoom.

[Shivamd1]

“Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.”

GitHubTags: #A11yMAS;#A11yTCS;#A11ySev2;#SH_VscodeWebviewUiToolkit_Aug2021;#Webview UI Toolkit for Visual Studio Code;#Win32;#FTP;#DesktopApp;#WCAG1.4.10;#Zoom;#AINotInScope;#A11yWCAG2.1;

Environment Details:

Application Name: Vscode Webview Ui Toolkit
Windows Version: Win10

Prerequisite:

Set resolution to 1280*1024
Zoom in to 400%

Repro Steps:

1. Launch VS Code
2. Open WebView UI Toolkit: All Component extension
3. Tab to data grid and observe if all the column headers of data grids are visible properly at 400% zoom.

Actual:

The column headers of data grid are not visible properly at 400% zoom. The column headers are only visible as C.... .

Expected:

The column headers of data grid should be properly visible properly at 400% zoom.

User Impact:

Low vision users will not get the proper information about the data grids.

[hawkticehurst]

@Shivamd1 Could you explain a bit more of what properly visible means in this context?

Does this mean the column header text should be entirely visible (i.e. not condensed/concatenated at all) or does only a part of the text need to be visible? If only a part needs to be visible, how much? Thanks!

[Shivamd1]

@hawkticehurst I will provide you the screenshot offline for more clarification

[Shivamd1]

Please provide build when fixes are done

[hawkticehurst]

@Shivamd1 I've opened a PR with a fix for this issue and will be sending you a new build shortly.

[hawkticehurst]

@Shivamd1 Can you confirm if this bug has been fixed? I sent you a build with the updates about a week and a half ago. Thanks!

[Shivamd1]

verified and the issue provided observation offline

[hawkticehurst]

@Shivamd1 I've sent an updated build with a fix to your observations!

[Shivamd1]

@hawkticehurst the issue with the data grid is solved now but the panel grids still have the issue

[daviddossett]

@Shivamd1 were you able to verify the panel issue as fixed? I sent it in the same build as the progress ring fix.

[hawkticehurst]

Hey @Shivamd1, checking in again to see if you have verified that the panel issue has been fixed? Thanks!

[Shivamd1]

@hawkticehurst Verified and the issue does not repro closing the bug

[hawkticehurst]

Thanks!

[fsteffi]

GithubTags:#Closed;