Myndex
commented
3 years ago Hi @fstrr Francis, thank you for commenting.
All values are font size in px.
Sorry if I wasn't clear on that, I'll add a statement at the top to clarify.
-
Fonts about 81px and smaller are shown at the actual weight and size using the actual colors chosen.
-
Fonts larger than 81px are all shown at 24px and against white because they do not fit in the example boxes.
-
Fonts about 81px and smaller fit in the example boxes, but fonts larger than 36px do not fit unless px is removed, so fonts between 36 and 81 are shown just as the size figure.
PREFERRED: At the moment I am cutting off preferred at 56%. This is not set in stone.
On Your Example
Your example uses a fairly saturated hue. But contrast perception that includes hue and saturation is not necessarily helpful for determining readability contrast, which is our goal. Some hue and saturation combinations interfere with readability and some impairments. Also, color hue/saturation/chroma has a lower resolution and lower effect on contrast than luminance.
Details in blue for instance can cause glare and chromatic aberration.
For readability, which I mean is the fluent reading at best speed, where whole words and letter pairs are recognized by the VWFA (Visual Word Form Area) we want a very high luminance contrast. This has been known for hundreds of years in the schools of classical design, but has been lost in the last 12 years of too-thin fonts and too-grey colors.
The VISUAL CONTRAST / READABILITY spec is about READABILITY not legibility.
It should be noted that there are known problems with the CIE's XYZ and other color spaces, which do have a very minor effect on luminance calculations, nevertheless the critical importance of luminance contrast for readability over chroma/hue is fairly well understood.
OBJECT RECOGNITION is a different matter, and processed differently. Look for "Visual Contrast Object and Non-Text" in the near future.
Andy
Hi
This is feedback on the beta version that was demoed on the Silver call on November 3rd. I've put a couple of values into the tool (#00c7fd and #ffffff) and am trying to make sense of the results.
If I look at the Font Weight 400 column, these are the results:
My assumption is that:
After that is where I get confused. What do the 75 and 63 values refer to? I'm assuming it's not computed text size because "px" is missing. Is the reason those values are displayed in my chosen colors and in larger sizes relevant?
Thanks.