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

[A11y][Contrast]Color contrast for the "Copy" button's background with page background ratio is 2.5:1 which is less than 3:1 #8195

Closed
ryuyu opened this issue Sep 3, 2020 · 0 comments

Comments

@ryuyu
Copy link
Contributor

ryuyu commented Sep 3, 2020

Copied from https://devdiv.visualstudio.com/DevDiv/_workitems/edit/1188278

Browser Details:

Firefox Version: 79.0 (64 bit)

OS Details

Microsoft Windows 10 Enterprise ​

Version 2004 (OS Build 19041.450)

Note:

Same issue is observed at Search button and for the stars in the table

Repro Steps:

Hit the URL and login with appropriate credentials
Tab till "Profile" button in the menu bar and press enter
Tab till any Manage packages"  and press enter.
Tab till search bar and search for 'Json' and press enter 
Tab till the first result "Newtonsoft.Json" and press enter 
Tab till "Copy" button and  Check whether the color contrast for the background to icon is greater than equal to 3:1 or not

Actual Results:

Color contrast for the background to focus on the icons Facebook and Twitter is which is less than 3:1.

Expected Results:

Color contrast for the "Copy" button's background with page background ratio is 2.5:1 which is less than 3:1

User Impact:

Users with low vision would face difficulty to identify the elements if the non-text contrast is less than 3:1

Notes

This looks similar to #8192
A global fix for this button type should be made.

@ryuyu ryuyu added this to the Sprint 176 - 2020.09.07 milestone Sep 3, 2020
@ryuyu ryuyu changed the title [A11y]Color contrast for the "Copy" button's background with page background ratio is 2.5:1 which is less than 3:1 [A11y][Contrast]Color contrast for the "Copy" button's background with page background ratio is 2.5:1 which is less than 3:1 Sep 3, 2020
loic-sharma added a commit that referenced this issue Sep 25, 2020
For WCAG 2.1, web components must have a 3:1 contrast ratio. This darkens both the "search" button in the header as well as the "copy" button for installation instructions.

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

No branches or pull requests

2 participants