5 ms·

One of the best discussions of color - especially from an accessibility standpoint is from the US Digital Web Design System: https://designsystem.digital.gov/de

by EricE 6y ago

One of the best discussions of color - especially from an accessibility standpoint is from the US Digital Web Design System: https://designsystem.digital.gov/design-tokens/color/overview/ https://designsystem.digital.gov/design-tokens/color/overvie... It has one of the best discussions of contrast I have seen; very timely given the trends for low contrast design that seem prevalent combined with my now over 40 eyes (darn those kids!)

coldpie 6y ago
> very timely given the trends for low contrast design that seem prevalent combined with my now over 40 eyes I'm a decade younger than you and I still bristle every time I see someone disparage black-on-white. #000 on #FFF looks fine, guys, and it looks way, way better than the #BBB on #CCC that you're about to publish. You're overthinking it.
- edoceo 6y ago
  bg: #fafafa; fg: #101010 Black and white, but take the edge of a little.
  - jcranmer 6y ago
    Black (#000) against a slight creamy color--like the main background of Hacker News (#f6f6ef)--is pretty good IMHO.
austincheney 6y ago
The greatest challenge when considering colors and accessibility is dealing with more than 2 colors. I wrote a tool to solve for all comparisons in a color scheme: https://github.com/prettydiff/colorContrast https://github.com/prettydiff/colorContrast In every real world scenario there will be a multitude of colors present that impact accessibility. It is almost never so simple as a single text color on a single background color.
- Jerard_Victor 6y ago
  looks great, it will be useful to be able to import an actual image (let's say a mock) instead of hex numbers
gpanders 6y ago
> Accessibility is not a special case. In Q2 of 2018, sites using USWDS topped 1.4 billion pageviews. 4.5% [the portion of the population with some kind of color insensitivity] of 1.4 billion is around 60 million pageviews — when it comes to accessibility, thinking broadly and inclusively isn’t just a good idea, it’s our mission and responsibility. It's honestly pretty cool to see this. I'm glad that the US government (or at least this one particular agency) takes accessibility so seriously.

by EricE 6y ago

coldpie 6y ago

> very timely given the trends for low contrast design that seem prevalent combined with my now over 40 eyes I'm a decade younger than you and I still bristle every time I see someone disparage black-on-white. #000 on #FFF looks fine, guys, and it looks way, way better than the #BBB on #CCC that you're about to publish. You're overthinking it.

edoceo 6y ago
bg: #fafafa; fg: #101010 Black and white, but take the edge of a little.
- jcranmer 6y ago
  Black (#000) against a slight creamy color--like the main background of Hacker News (#f6f6ef)--is pretty good IMHO.

austincheney 6y ago

The greatest challenge when considering colors and accessibility is dealing with more than 2 colors. I wrote a tool to solve for all comparisons in a color scheme: https://github.com/prettydiff/colorContrast https://github.com/prettydiff/colorContrast In every real world scenario there will be a multitude of colors present that impact accessibility. It is almost never so simple as a single text color on a single background color.

Jerard_Victor 6y ago
looks great, it will be useful to be able to import an actual image (let's say a mock) instead of hex numbers

gpanders 6y ago

> Accessibility is not a special case. In Q2 of 2018, sites using USWDS topped 1.4 billion pageviews. 4.5% [the portion of the population with some kind of color insensitivity] of 1.4 billion is around 60 million pageviews — when it comes to accessibility, thinking broadly and inclusively isn’t just a good idea, it’s our mission and responsibility. It's honestly pretty cool to see this. I'm glad that the US government (or at least this one particular agency) takes accessibility so seriously.