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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Loading Dot Icons have poor color contrast #2668

Open
andrew-poblete opened this issue Mar 27, 2024 · 0 comments
Open

Loading Dot Icons have poor color contrast #2668

andrew-poblete opened this issue Mar 27, 2024 · 0 comments
Labels
bug Something isn't working

Comments

@andrew-poblete
Copy link

馃悰 Bug Report

The "Default Loading Dots" icons have low color contrast against white making it difficult to perceive.

To Reproduce

Steps to reproduce the behavior:

  1. Go to: https://canvas.workdaydesign.com/components/indicators/loading-dots/
  2. Look at the basic examples to check the color contrast.

Foreground:#E0E2E6
Background:#FFFFFF

The contrast ratio is: 1.3:1

Expected Behavior

Color contrast should at least meet 3:1 against any background type that it could be rendered against. Something like the "With Circle Variation" would meet contrast requirements against both light and dark backgrounds.

Actual Results

Color contrast is

Foreground:#E0E2E6
Background:#FFFFFF

The contrast ratio is: 1.3:1

Browser (if applicable)

N/A

Link to repl or repo (highly encouraged)

Please provide a reference to a repo or branch to help us reproduce this bug.

Error Output

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
Status: 馃啎 New
Development

No branches or pull requests

1 participant