Jump to content

Color Contrast Redux


You are about to reply to a thread that has been inactive for 3483 days.

Please take a moment to consider if this thread is worth bumping.

Recommended Posts

As I stated recently in another thread, I'm pleased that the default color scheme here is legible.  My recollection of the previous system is that I found it intolerable, not because it was too bright or harsh (a different problem), but because the contrast was so poor as to make it illegible.

The current scheme, though much better, errs in the other direction by using #FFFFFF (pure white) as the background, which, though fine for me, is too bright for many users.  A simple change to #F0F0F0 would be an improvement, though I'm sure there are plenty of suggestions on the web for off-white backgrounds that could be even nicer.

However, although the main text passes all the tests on the color contrast analyzer that I use, the text in other places doesn't.  Most notable are quotes, which fail both the color difference test and the AAA level of the luminosity test.  Likewise, the text color in the editor fails both those tests (though with slightly different numbers).  The latter is inexcusable, as unlike quotes, there's no motivation for using a lighter text in the editor.  (Improving the presentation of quotes is a separate issue, as it's more than just contarst.)

Color contrast isn't rocket science, and an awareness of both the guidelines and the various tools that are available should be a minimum requirement for any professional web style designer. 

Link to post
Share on other sites
You are about to reply to a thread that has been inactive for 3483 days.

Please take a moment to consider if this thread is worth bumping.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...