1778443 - Color popup shown from color-mix color parameter show confusing contrast ratio

Status: RESOLVED FIXED

(DevTools :: Inspector: Rules, defect, P2)

Description

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Color popup confusing contrast ratio information

In Bug 1695382, we're adding color swatches next to color-mix color parameters; clicking on one of the swatch displays the color popup.

Let's say you have a page with a white background and the following CSS color: color-mix(in srgb, black 90%, white);

Clicking on the white swatch will show the popup, with a contrast-radio score of 1.00 and an error icon, although the actual color of the text is a dark grey that would score 17.40 AAA

A first step might be to hide the contrast information since it's not reliable in such case,
but ideally we'd use the computed color for the contrast information.

Comment 1

[Julian Descottes [:jdescottes]]

P2 to at least not show contrast ratio if we cannot have accurate data

Comment 2

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1778443 - [devtools] Do not show contrast ratio information for color in color-mix. r=jdescottes.

Depends on D152408

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/1a699854c950
[devtools] Do not show contrast ratio information for color in color-mix. r=jdescottes.

Comment 4

[Iulian Moraru]

https://hg.mozilla.org/mozilla-central/rev/1a699854c950