Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Target size of buttons available under Kiota openapi explorer is less than required size 24x24pixel: A11y_VS Code_Target Size #212686

Closed
AnKushSingh05 opened this issue May 14, 2024 · 5 comments
Assignees

Comments

@AnKushSingh05
Copy link

AnKushSingh05 commented May 14, 2024

GitHub Tags

#A11yTCS; #A11ySev2; #WCAG2.5.8; #DesktopApp; #Visual Studio Code Client; #BM-VisualStudioCodeClient-Win32-Jan2024; #FTP; #Benchmark; #Win32; #A11yMAS; #A11yWCAG2.2;#NeedToDiscuss;#Closed;

Environment Details:

Application Name: VS Code Extension for API Center
OS: Windows 11 Enterprise 23H2 (OS build 22631.3296)

Pre-requisites:
Open system settings.
Navigate to Bluetooth & devices->Mouse->Additional mouse settings.
Tab to Pointers tab.
Tab to browse and hit enter.
Select the 24*24.cur file(please find in attachment).
The mouse pointer will change to 24x24 pixel box.
You can move the pointer and verify the size of any control.

Repro Steps:

Create a API center in azure portal.
Open Visual studio Code.
3.Tab till API center extension in theleft side panel and press enter.
Tab till definition under the api name which you have created and press enter.
The name which you have provided to the definition will appear for ex-"openapi4", right click on it.
Go to "Generate API Client" using the down arrow and press enter.
Kiota openapi explorer window will open.
Observe that Target size of buttons available under Kiota openapi explorer is less than required size 24x24pixel.

Actual Results:

Target size for all buttons present under Kiota openapi explorer is 19 by 20 Pixel which is less than 24 by 24 Pixel.

Expected Results:

Target size of buttons available under Kiota openapi explorer should be minimum 24x24pixel. If the controls have spaced in-between, then those spaces should not intersect each other and target size with spacing should be 24x24 pixel for each one.

User Impact:

Users with dexterity limitations and those who have difficulty with fine motor movement find it difficult to accurately activate small targets when there are other targets that are too close. Providing sufficient size, or sufficient spacing between targets, will reduce the likelihood of accidentally activating the wrong control.

Attachment:

Bug_2126862
Bug_212686_1
Screenshot (2245)
Screenshot (2244)

@AnKushSingh05
Copy link
Author

Primary Bug: microsoft/vscode-azureapicenter#104

@meganrogge
Copy link
Contributor

@isidorn is looking into this

@meganrogge meganrogge assigned isidorn and unassigned meganrogge May 14, 2024
@kapilvaishna
Copy link

kapilvaishna commented Jun 21, 2024

Target size for all buttons present under Kiota openapi explorer is 19 by 20 Pixel which is less than 24 by 24 Pixel.

@isidorn
Copy link
Contributor

isidorn commented Jun 21, 2024

WCAG 2.2 does not have to be enforced until april 2025. So no plans to tackle this issue this year. We will reconsider it in 2025.

@AnKushSingh05
Copy link
Author

Width using the ruler scale is W=22 but there is enough space between the controls so closing the bug

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants