Skip to content

Target size of buttons "Clear extension" and "Filter extension" is 22X22 which is less than required size 24x24pixel: A11y_VS Code_Extension_Target Size #222103

Closed
@AnKushSingh05

Description

@AnKushSingh05

GitHub Tags:

#A11yMAS; #A11yTCS; #A11ySev3; #DesktopApp; #SH_WCAG2.2_Visual Studio Code Client_Win32_April2024; #Visual Studio Code Client; #Win32; #Win11; #WCAG2.5.8; #FTP; #A11yWCAG2.2; #TargetSize;#Closed;

Environment and OS details:

Version: 1.92.0-insider (user setup)
Windows 11 pro Version 23H2
OS Build: 22631.3672

Repro Steps:

  1. Open Visual Studio Code Insiders editor.
  2. Tab till extension and press enter.
  3. Tab till clear extension button and press enter.
  4. Observed that Target size of buttons "Clear extension" and "Filter extension" is 22X22 which is less than required size 24x24pixel.

Actual Result:

Target size of buttons "Clear extension" and "Filter extension" is 22X22 which is less than required size 24x24pixel.

Expected Result:

Target size of buttons "Clear extension" and "Filter extension" 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_222103_TargetSize.mp4

Ruler Attachment:

Bug_222103_Ruler.mp4

Metadata

Metadata

Labels

accessibilityKeyboard, mouse, ARIA, vision, screen readers (non-specific) issuesbugIssue identified by VS Code Team member as probable buguxUser experience issues

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions