6 ms·

Grey text on white background :-(

dcchambers 1y ago
Do you actually have trouble reading it? #111111 is pretty close to black. According to https://webaim.org/resources/contrastchecker/ https://webaim.org/resources/contrastchecker/, the contrast is 18.88:1 and easily passes all of the accessibility tests.
- bitpush 1y ago
  There's an #EEE text on #FFF at the bottom of the post.
  - accrual 1y ago
    Yes, I found the main body perfectly readable, but the lighter grey on white could be a problem for some. I'd use something like #777 or darker here.
  - coder543 1y ago
    There seems to be a bug in this blog's stylesheet where the headings are significantly lower contrast if the browser renders prefers-color-scheme as dark instead of light. I had my browser/OS in light mode, so the contrast was excellent, but I tried dark mode just to see what would happen, and it was... not excellent.
    - albanbrooke 1y ago
      Thank you! This is my site, and your comment helped me fix it.
  - Elfener 1y ago
    And the title too. The page has a @media (prefers-color-scheme: dark) style that causes this, so those in light mode are unaffected.
    - dcchambers 1y ago
      Oh - I'm in light mode and all the text on the page is #111111 with a #ffffff background. Switched to dark mode and now I see what you're saying - indeed that's not great.
  - deleted 1y ago
    [deleted]
  - dcchambers 1y ago
    Oh - I'm in light mode and all the text on the page is #111111 with a #ffffff background. Switched to dark mode and now I see what you're saying - indeed that's not great.
  - zahlman 1y ago
    The title is also showing up as #EEE on #FFF for me, but the inspector view is showing a bunch of other "computed" colour values in the CSS.
- layer8 1y ago
  One problem is that IPS panels only have a contrast ratio of 1:1000 at best, meaning that #000000 black is already gray.
- nosioptar 1y ago
  I often have trouble with grey fonts. Thanks to dyslexia, the letters look all fuzzy. This particular website isn't bad. If the grey were just a bit lighter, it would be.

Do you actually have trouble reading it? #111111 is pretty close to black. According to https://webaim.org/resources/contrastchecker/ https://webaim.org/resources/contrastchecker/, the contrast is 18.88:1 and easily passes all of the accessibility tests.

bitpush 1y ago
There's an #EEE text on #FFF at the bottom of the post.
- accrual 1y ago
  Yes, I found the main body perfectly readable, but the lighter grey on white could be a problem for some. I'd use something like #777 or darker here.
- coder543 1y ago
  There seems to be a bug in this blog's stylesheet where the headings are significantly lower contrast if the browser renders prefers-color-scheme as dark instead of light. I had my browser/OS in light mode, so the contrast was excellent, but I tried dark mode just to see what would happen, and it was... not excellent.
  - albanbrooke 1y ago
    Thank you! This is my site, and your comment helped me fix it.
- Elfener 1y ago
  And the title too. The page has a @media (prefers-color-scheme: dark) style that causes this, so those in light mode are unaffected.
  - dcchambers 1y ago
    Oh - I'm in light mode and all the text on the page is #111111 with a #ffffff background. Switched to dark mode and now I see what you're saying - indeed that's not great.
- deleted 1y ago
  [deleted]
- dcchambers 1y ago
  Oh - I'm in light mode and all the text on the page is #111111 with a #ffffff background. Switched to dark mode and now I see what you're saying - indeed that's not great.
- zahlman 1y ago
  The title is also showing up as #EEE on #FFF for me, but the inspector view is showing a bunch of other "computed" colour values in the CSS.
layer8 1y ago
One problem is that IPS panels only have a contrast ratio of 1:1000 at best, meaning that #000000 black is already gray.
nosioptar 1y ago
I often have trouble with grey fonts. Thanks to dyslexia, the letters look all fuzzy. This particular website isn't bad. If the grey were just a bit lighter, it would be.