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

Improve accessibility color contrast of BLM banner. #673

Closed
karnett opened this issue Aug 21, 2020 · 1 comment · Fixed by #677
Closed

Improve accessibility color contrast of BLM banner. #673

karnett opened this issue Aug 21, 2020 · 1 comment · Fixed by #677

Comments

@karnett
Copy link

karnett commented Aug 21, 2020

Describe the bug
The current blue against the background fails contrast guidelines at 2.59:1

AA compliance requires at least 4.5:1
Moving up the lightness scale recommends #6782DA, if you don't have something that fits within your color palette.
Thanks for all the work you do.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://momentjs.com
  2. Observe color of blue links against dark background.

Expected behavior
Links within the BLM banner should meet accessibility standard of 4.5:1 contrast.

Screenshots
Via: https://webaim.org/resources/contrastchecker/
Screen Shot 2020-08-21 at 10 15 04 AM

Desktop (please complete the following information):

  • OS: MacOS
  • Browser: Safari
  • Version 13.1.2
@marwahaha marwahaha transferred this issue from moment/moment Sep 5, 2020
@marwahaha
Copy link
Member

Hi @karnett ! Thanks for reporting this. This is an important thing to consider, so thanks for the webaim link also.

I took your suggestion on the color.

Cheers!

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

Successfully merging a pull request may close this issue.

2 participants