SitePoint Sponsor

User Tag List

Results 1 to 16 of 16
  1. #1
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    calculating color contrast

    I heard recently that a web site colors must have at least a contrast of 80%. Do you all think so too? If not I would like to hear oppinions.

    By the way, can someone tell an easy way to calculate the color contrast values?

    Thanks.

  2. #2
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    There are many tools or plugins here is a simple one: http://www.tesspub.com/colours.html

  3. #3
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    coder...do you know how much time i spent yesterday trying to find that exact page - as i had seen it before - and failed ? cheers my man.
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  4. #4
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    <offtopic value="ColourChecker" title="Random Search Result" />

  5. #5
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    and here was me being all clever with "accessibility colour contrast WCAG"
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  6. #6
    Ensure you finish what you sta bronze trophy John Colby's Avatar
    Join Date
    Aug 2003
    Location
    University of Central England, U.K.
    Posts
    487
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    A trick told to me by our disability advisors dealing with colour blindness and other visual problems is to take a black and white photograph of something coloured - if you can distinguish it O.K. on B&W your contrast is likely OK.

    I use a digicam set to B&W photographing the screen to prove this and turn down the film speed so that you don't get lines across the screen - you have to fiddle with the settings to get it right, but it becomes a quick and easy way of assessing, among otehr things, webpages.

    This won't be 100%, but it can be a start.
    John
    No electrons were harmed during the creation, transmission
    or reading of this posting. However, many were excited and
    some may have enjoyed the experience.

  7. #7
    Matt Williams revsorg's Avatar
    Join Date
    Jun 2002
    Location
    Planet Vorcon-5 in sector cx-37-b
    Posts
    1,136
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Would a screengrab turned to grey scale be any good? It would certainly be easier than taking a photo of your screen!
    work: revs | ecru
    reviews: films | mp3s
    projects: Glastonbury Tor | London IT support

  8. #8
    Ensure you finish what you sta bronze trophy John Colby's Avatar
    Join Date
    Aug 2003
    Location
    University of Central England, U.K.
    Posts
    487
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by revs_org
    Would a screengrab turned to grey scale be any good? It would certainly be easier than taking a photo of your screen!
    The greys are different - unfortunately. You're looking for a visible contrast, not a machine interpreted colour translation - sorry. The pseudo film in a digicam is set to a panchromatic response (on normal contrast) which is virtually the same as normal vision. A screen can't be guaranteed to provide the same colour translation.

    Using a camera for me is a precursor to testing by visually impaired people - I have that facility and a number of people willing to test for me - most people don't and don't need that sort of testing. I offer the camera solution as a quick check.
    John
    No electrons were harmed during the creation, transmission
    or reading of this posting. However, many were excited and
    some may have enjoyed the experience.

  9. #9
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i find the free (!) vischeck plugin to be quite invaluable http://www.vischeck.com/downloads/
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  10. #10
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thanks

    Quote Originally Posted by xhtmlcoder
    There are many tools or plugins here is a simple one: http://www.tesspub.com/colours.html
    Hey xhtmlCoder thanks a lot!!!

  11. #11
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by redux
    i find the free (!) vischeck plugin to be quite invaluable http://www.vischeck.com/downloads/
    Redux, can you explain why?

  12. #12
    SitePoint Wizard
    Join Date
    Aug 2002
    Location
    N.Ireland
    Posts
    1,046
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's another link which you might find useful
    http://www.juicystudio.com/services/colourcontrast.asp

  13. #13
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Daz
    Here's another link which you might find useful
    http://www.juicystudio.com/services/colourcontrast.asp
    Thaks Daz! This is a good one. It is exactly what I was looking for.

  14. #14
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I found a cool link for this topic:

    Effective Color Contrast: http://www.lighthouse.org/color_contrast.htm

  15. #15
    SitePoint Enthusiast agentolivia's Avatar
    Join Date
    Jul 2003
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Here's another tool...

    Vischeck Color Vision Simulator

  16. #16
    Forensic SEO Consultant Webnauts's Avatar
    Join Date
    Jun 2003
    Location
    European Union
    Posts
    1,488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi everybody!

    I found a very interesting link to this topic:

    Colours transformation - Decimal
    http://more.btexact.com/people/rigde.../colours1.html


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •