Re: [csswg-drafts] [css-color] Accessibility of examples in §2.2 and §3.6 (#7690)

> However, it would be particularly helpful to ensure that the different colors can be identified on the plot, e.g. via labelling.

There are three colors: the origin color, the hue-rotated color, and the gamut mapped version of the hue rotated color.

On the diagram, these are labelled:

1. origin color
2. rotated out of gamut color
3. gamut mapped

In the figure caption, these are all identified:

```html
<figcaption>
This diagram shows the sRGB gamut, in the CIE ab plane.
Small circles indicate the primary and secondary color.
The <span class="swatch" style="--color: rgb(86.1% 33.4% 97.6%)"></span>
origin color, shown as a large circle, is in gamut for sRGB;
but becomes <span class="swatch oog" style="--color: #AAA"></span> out of gamut (shown as a grey fill and red border)
when the LCH hue is rotated -120°.
The gamut-mapped <span class="swatch" style="--color: rgb(0% 64.2% 66.3%)"></span> result has much lower chroma.
</figcaption>
```

Help me understand what labeling is missing, please.

-- 
GitHub Notification of comment by svgeesus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7690#issuecomment-1237300132 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 5 September 2022 16:48:38 UTC