I think most of your advice is solid, but I take issue with one point:
> - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism.
A designer should think hard before reducing contrast. You may be improving the experience for one group at the expense of others:
- A low contrast page is difficult to read on a cell phone in daylight.
- A low contrast page is difficult to read at night on a dimmed display.
I don't meant to discount folks for whom high contrast is a problem, but don't they have a simple recourse? Reduce the brightness or contrast of the display. Most monitors and laptops have controls that allow this.
Colour codes are hexadecimal numbers, 000000 is basically zero, and is for black. FFFFFF is 16777215 and is white. The more the numerical value of the colour the lighter it is, the lower the darker (well, not exactly, but kind of).
Right, but to be pedantic, the OP's original statement was ambiguous.
"more thant[sic] #333 on white"... You could interpret this many ways.
A) You could interpret "#333 on white" to refer to the contrast ratio of "#333/#fff", which according to this calculator [1] is 12.6. In this case "more" is referring to a higher contrast ratio. "#000 on #fff" would fit - even though "#000" is less than "#333" - because the contrast ratio of the two colors is 21.
B) You could interpret the statement as "(more than #333) on #fff", e.g. increasing the numerical value of "#333". Something like "#444 on #fff" - which actually has a lower contrast ratio of 9.7 - fits, because "#444" is more than "#333".
This is dumb, I'm just pointing out that it can be important to be precise with your language.
Expanding on this a little more, it's actually broken up into hexadecimal pairings (or 8-bit numbers).
00 00 00 = R(0) G(0) B(0) for Red, Green Blue
FF FF FF = R(255) G(255) G(255)
That makes 16,777,216 possible combinations (256^3).
For pure red, that's FF0000; green, #00FF00; blue, #0000FF. Mixing those is how you get intermediary colors: red + green = yellow; red + blue = magenta; green + blue = cyan.
When the colors are referenced as single-digit hex numbers, that value is applied for the pairing. This would make #F00 (red) actually be applied as #FF0000.
We actually agree, but I've phrased that one a bit bad. See my other comment downthread. I was going to edit to clarify, but it does not let me anymore. Comments become fixed way quicker these days ain't it?
> - If your font colour is more thant #333 on white, you're being cruel, especially to those who suffer astigmatism.
A designer should think hard before reducing contrast. You may be improving the experience for one group at the expense of others:
- A low contrast page is difficult to read on a cell phone in daylight.
- A low contrast page is difficult to read at night on a dimmed display.
I don't meant to discount folks for whom high contrast is a problem, but don't they have a simple recourse? Reduce the brightness or contrast of the display. Most monitors and laptops have controls that allow this.