vscode-webview-ui-toolkit
vscode-webview-ui-toolkit copied to clipboard
A11y Testing for vscodeedu.com - Text Spacing doesn't adjust for VS Code UI Toolkit buttons
Context: Pasted below is a the contents of a linked bug from vscode for edu testing. We use vscode.dev + the vscode webview UI toolkit to provide our UI. In a recent accessibility pass we had a couple of bugs filed that I believe the UI toolkit would need to either resolve or make the choice to not resolve for now.
For this issue the Google chrome extension "stylus" is used to bump up text spacing on the page and vscode UI tool kit does not respect this. FWIW I believe that this type of accessibility change would be handled by vscodes own line spacing settings
Original bug: https://github.com/microsoft/vscode-edu-extension/issues/1031
Text of Original bug:
Describe the Bug
Text spacing is not adapting for "Back and Give feedback and Next Buttons" Note: Similar issue is observed in throughout application .
Github Tags: #A11yMAS; #A11yTCS; #A11ySev2; #DesktopWeb; #Visual Studio Code For Education ; #GH-VisualStudioCodeforEducation-Web-Aug2023; #Textspacing; #MAS1.4.12; #A11yWCAG2.1; #Get Healthy; #ChromiumEdge; #Win11;
Steps to Reproduce
- Launch the application using URL: https://vscodeedu.com/.
- "Visual Studio Code for Education" screen will get open.
- TAB till "login" control and hit ENTER.
- Courses tab will get open.
- TAB till "My Courses" tab.
- TAB till "Start" control and hit ENTER.
- TAB till "Introduction to Python" control present in the left navigation and hit ENTER.
- TAB till "Unit 1" control and hit ENTER.
- TAB till "Start" control present in "Unit 1 - Getting Started" section and hit ENTER.
- "Welcome" screen will appear.
- TAB till "Next" control and hit ENTER until "Example: Mapping Question" screen appears.
- "Example: Mapping Question" screen will appear
- Verify whether that text spacing is not adapting for "Back and Give feedback and Next Buttons" or not
Expected behavior
Text spacing should be adapted for "Back and Give feedback and Next Buttons" also.