[csswg-drafts] [css-color] Suggest adding names to the color previews (#7686)

matatk has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-color] Suggest adding names to the color previews ==
*This comment is from the APA WG and relates to [our review of CSS Color Module Level 5](https://github.com/w3c/a11y-request/issues/29#issuecomment-1236389445).*

Adding "alternative text" to the visual color preview feature could be very helpful for people with vision impairments who currently have to rely on the colors' coordinates alone. Whilst coordinates are provided for every color mentioned in the examples, they may not give the reader much of a sense of what the color might look like, making the examples hard to follow (e.g. it's much easier to understand the effects of certain types of mixing by glancing at the previews and noting the similarities or differences from the input colors, rather than parsing through the coordinates). The document describes some of the colors that have previews, but not all.

There are some tools that gives you the closest color name to a given (usually hex-encoded) color, from an extensive palette of predefined colors. This sort of tool would give a good enough idea for most people who may be unable to perceive the colors directly. The color names could be generated as part of the document build process, and placed in visually-hidden text in the document. The text should also indicate if the colours are transparent.

One such tool is "color-to-name" (<https://github.com/stanleyfok/color-to-name>)—however, a small number of the color names in the palette may be considered vulgar, so they would either have to be filtered out, or a different tool selected. The same applies for color names that may be triggering for some people. We can do more research on tools of this nature, if you like.

It's noted that out-of-gamut colors are indicated by a red border on their previews, and they're always described in accompanying text as being out of gamut, which is helpful.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7686 using your GitHub account


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

Received on Sunday, 4 September 2022 18:12:26 UTC