Skip to content

Find widget toggle buttons do not pass color contrast ratio #137441

@Shivanikupatkar

Description

@Shivanikupatkar

GitHubTags

#A11yTCS; #A11ySev2; #A11yMAS; #A11yMAS #A11yWCAG; #DesktopApp; #Visual Studio Code Client;#BM-VisualStudioCode-Win32-Nov2021; #Color Contrast; #WCAG1.4.3; #Win32; #Win10; #AINotINScope;

Environment Details

Application Name: Visual Studio Code Client
Version:1.62.1 (user setup)
Windows Version: Windows 10 (21H1)

Repro Steps

  1. Open Visual studio code editor
  2. Using keyboard navigation View Menu Bar
  3. Select search option
  4. Search and replace global content and check the color contrast ratio.

Actual Result

Color Contrast ratio of “Match case(Aa)” ,“Match whole word”, “Use regular expression”, “Preserve case” is 3.151:1which is less then required.

Expected Result

Color Contrast ratio of “Match case(Aa)” ,“Match whole word”, “Use regular expression”, “Preserve case” should be equal to 4.5:1 or greater than 4.5:1.

User Impact

Low vision users will face difficulty when they will navigate to the “Match case(Aa)” ,“Match whole word”, “Use regular expression”, “Preserve case” controls.

A11y_Visual Studio Code Client_Search_ColorContrast  Color Contrast ratio of “match case(Aa)” ,“match whole word”, “use regular expression”, “preserve case” is 3 1511

Metadata

Metadata

Assignees

Labels

a11ymasIssue from accessibility teamaccessibilityKeyboard, mouse, ARIA, vision, screen readers (non-specific) issuesbugIssue identified by VS Code Team member as probable bugicons-productIssues for in-product iconsinsiders-releasedPatch has been released in VS Code InsiderssearchSearch widget and operation issuesverifiedVerification succeeded

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions