Loading Dot Icons have poor color contrast

Question

Loading Dot Icons have poor color contrast

Opened this issue 4 months ago · 0 comments

andrew-poblete commented 4 months ago

🐛 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:

Go to: https://canvas.workdaydesign.com/components/indicators/loading-dots/
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.