Skip to content
This repository has been archived by the owner on May 22, 2021. It is now read-only.

Elements must have sufficient color contrast #443

Closed
pdehaan opened this issue Aug 4, 2017 · 1 comment
Closed

Elements must have sufficient color contrast #443

pdehaan opened this issue Aug 4, 2017 · 1 comment
Labels

Comments

@pdehaan
Copy link
Contributor

pdehaan commented Aug 4, 2017

via #139

line 49   col 7   Error  Elements must have sufficient color contrast           axe

I assumed this was the "Select a file on your computer" button...

firefox_send

... but Contrast is giving it a score of "AA+" (3.10), which should be sufficient.

AA Large – The smallest acceptable amount of contrast for type sizes of 18px and larger. This is a score of at least 3.0.
— via https://usecontrast.com/guide

I'm guessing we are getting this warning because our font-size is 15px, not the 18 mentioned above.

item-0_and_item-0_and_item-0_and_item-0

@youwenliang
Copy link
Contributor

For font-size 15px we should probably change the font weight from 200 to 500 to pass the contrast test. There's a same button for copy link by the way.

Here's what it looks like with font-weight: 500
image

image

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

No branches or pull requests

2 participants