lighthouse icon indicating copy to clipboard operation
lighthouse copied to clipboard

Not smart enogh to distingish between text and a color swatch

Open Zeioth opened this issue 3 years ago • 3 comments
trafficstars

FAQ

  • [X] Yes, my issue is not about variability or throttling.
  • [X] Yes, my issue is not about a specific accessibility audit (file with axe-core instead).

URL

https://camisetasguays.com/products/camiseta-mascota-linux-tux-japones

What happened?

Got the error "Background and foreground colors do not have a sufficient contrast ratio." in a color swatch selector, and doesn't seem to be a way to correct it.

What did you expect?

To pass the test correctly after finding the right values.

What have you tried?

I tried with different levels of color and light for the color blue in https://webaim.org/resources/contrastchecker/

But none seem to make lighthouse happy.

How were you running Lighthouse?

PageSpeed Insights

Lighthouse Version

v9.6.2

Chrome Version

No response

Node Version

No response

OS

Arch Linux

Relevant log output

No response

Zeioth avatar Jun 16 '22 15:06 Zeioth

Page doesn't load for me. Maybe show screenshots?

connorjclark avatar Jun 16 '22 19:06 connorjclark

sure thing @connorjclark thank you screenshot_2022-06-16_21-45-15_265473516 screenshot_2022-06-16_21-46-35_277541829

Zeioth avatar Jun 16 '22 19:06 Zeioth

Also: I contacted my DNS and they fixed the issue of website not loading correctly sometimes; it should load correctly now from any device.

Zeioth avatar Jun 16 '22 21:06 Zeioth

https://camisetasguays.com/products/crear-camiseta-personalizada?variant=40497816535177

Looks like it's passing now.

connorjclark avatar Aug 23 '22 19:08 connorjclark