5 ms·

Rule #N: Use black and opaque text for your main text, not RGBA(0,0,0,0.8) or some such[1]. Please. [1] http://contrastrebellion.com/ http://contrastrebellion.

Rule #N: Use black and opaque text for your main text, not RGBA(0,0,0,0.8) or some such[1]. Please. [1] http://contrastrebellion.com/ http://contrastrebellion.com/

onli 12y ago
It's perfectly fine to not use only black on white. This is not a light grey in the slightest. All green: https://leaverou.github.io/contrast-ratio/#rgba%280%2C0%2C0%2C0.8-on-white https://leaverou.github.io/contrast-ratio/#rgba%280%2C0%2C0%...
sehr 12y ago
Christ, does every misgiving involving web development and design need a manifesto and site these days? website motherfucker, reactive manifesto, you might not need jQuery, contrast rebellion, extensible web manifesto, slow web movement. so many manifestos, so little time.
- hrjet 12y ago
  I must say, it does help. Just today I was creating a simple web-page (with my developer-designer chops) and remembered the complaints that people have about contrast. I went back and tuned the colors to make them readable as much as possible. This is inspite of I myself hating the low-contrast designs; sometimes you get carried away by the aesthetics.
  - qubitcoder 12y ago
    This is especially true with HiDPI screens. If your primary content is textual in nature, then using low contrast colors is disrespectful to your readers. This is amplified when designers don't use relative scaling units for font sizes. Medium.com is a good example of presenting readable content, independent of DPI. But many sites require substantial zooming to read comfortably, even with perfect vision. Another major usability issue is disabling pinch-to-zoom on mobile devices. This is a behavior that users have come to expect. I've had to explain to several older people that their iPad isn't broken when they couldn't zoom in on a product while shopping.
    - Digit-Al 12y ago
      Amen to that. My other bugbear is floating menus that expand to fill the whole phone screen when you zoom in. Because they are fixed, you can't scroll away from them, hence your only choices on a phone are 'too small to read' or 'can only read a small segment of a floating menu'. Fail!
rip747 12y ago
that site is a lot fluff and soapboxing with no real value. it give examples of sites with bad contrasting, but don't show what they would look like fixed up. Rule #1: if you're going to complain about something, give me a demo of the point you're trying to get across so I can see the benefit. You should even go as far as explaining the process you used. just directing people to a bunch of links and "read this guide" does nothing

Rule #N: Use black and opaque text for your main text, not RGBA(0,0,0,0.8) or some such[1]. Please. [1] http://contrastrebellion.com/ http://contrastrebellion.com/

onli 12y ago

It's perfectly fine to not use only black on white. This is not a light grey in the slightest. All green: https://leaverou.github.io/contrast-ratio/#rgba%280%2C0%2C0%2C0.8-on-white https://leaverou.github.io/contrast-ratio/#rgba%280%2C0%2C0%...

sehr 12y ago

Christ, does every misgiving involving web development and design need a manifesto and site these days? website motherfucker, reactive manifesto, you might not need jQuery, contrast rebellion, extensible web manifesto, slow web movement. so many manifestos, so little time.

hrjet 12y ago
I must say, it does help. Just today I was creating a simple web-page (with my developer-designer chops) and remembered the complaints that people have about contrast. I went back and tuned the colors to make them readable as much as possible. This is inspite of I myself hating the low-contrast designs; sometimes you get carried away by the aesthetics.
- qubitcoder 12y ago
  This is especially true with HiDPI screens. If your primary content is textual in nature, then using low contrast colors is disrespectful to your readers. This is amplified when designers don't use relative scaling units for font sizes. Medium.com is a good example of presenting readable content, independent of DPI. But many sites require substantial zooming to read comfortably, even with perfect vision. Another major usability issue is disabling pinch-to-zoom on mobile devices. This is a behavior that users have come to expect. I've had to explain to several older people that their iPad isn't broken when they couldn't zoom in on a product while shopping.
  - Digit-Al 12y ago
    Amen to that. My other bugbear is floating menus that expand to fill the whole phone screen when you zoom in. Because they are fixed, you can't scroll away from them, hence your only choices on a phone are 'too small to read' or 'can only read a small segment of a floating menu'. Fail!

rip747 12y ago

that site is a lot fluff and soapboxing with no real value. it give examples of sites with bad contrasting, but don't show what they would look like fixed up. Rule #1: if you're going to complain about something, give me a demo of the point you're trying to get across so I can see the benefit. You should even go as far as explaining the process you used. just directing people to a bunch of links and "read this guide" does nothing