Comments on Color Accessibility Workflows

19 Reader Comments

Back to the Article
  1. Do the WCAG recommendations also apply when using mobile devices? The rendering and resolution would surely be affected with regard to colour contrast on many handheld devices.

    We know text size and spacing is already measured for mobile performance - Google even has its own tool.  Perhaps Google will also stamp its foot down to help compliance with colour contrast?

    Copy & paste the code below to embed this comment.
  2. Geri, I think accessibility is a sadly neglected area in web development despite all the good work of the Web Accessibility Initiative; thanks for highlighting this issue. I would like to suggest another tool that I find very helpful - Paletton (http://paletton.com) offers a range of Vision Simulations. The Color Table - Color Combinations feature is also very helpful.

    Copy & paste the code below to embed this comment.
  3. Great article

    Copy & paste the code below to embed this comment.
  4. Thank you Geri for the links and tools. Design accesibility is a topic we should all be mindful of and be enforcing. This is very useful.

    Copy & paste the code below to embed this comment.
  5. The correlation between text size and color is fairly evident but is there also any correlation or importance attached to font type?

    Copy & paste the code below to embed this comment.
  6. Great article - thanks for sharing your valuable collection of tools.

    However: My biggest problem regarding accessibility is often not the design process itself, but convincing the client from the advantages of it.

    A healthy young man without any disabilities is quite often more focused on his own perception of his website rather than anybody else’s.

    Quite often I heard something like “Old people are not our target group”...

    Has anybody useful thoughts about that?

    Copy & paste the code below to embed this comment.
  7. Great article, it definitely gave me something to think about.

    Copy & paste the code below to embed this comment.
  8. I’ve had great results using demographic surveys and Google analytics to create personas. I write the surveys in HTML and distribute them with Amazon Mechanical Turk.

    Copy & paste the code below to embed this comment.
  9. There is a nice plugin for the Chrome browser called NoCoffee Vision Simulator that allows you to view sites while emulating various vision problems:

    https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US

    To Georg: I try to sell accessibility as a “best practice” and naturally build it in to whatever I am designing/developing.  It should be part of your process rather than an add-on or afterthought.

    I also bring up the fact that we will all get older and most of us will encounter some difficulties using computers or devices in the future, be they visual impairments or motor/coordination issues.

    Making a responsive website is a form of accessibility and I’m sure your client wants to be able to use their site on a phone as well as a desktop. 

    The purpose is to allow the greatest number of users to be able to access your site, regardless of ability or technology used.

    Copy & paste the code below to embed this comment.
  10. This is a good article and the tool references are great. Thank you. The point that appropriate contrast provides little interference with artistic range is spot on. Good work.

    I disagree with your suggestion to use the Level AAA contrast ratio. When WCAG 2.0 was created there was not enough appreciation of the impact of a condition called Photophobia. During our research on the Low Vision Task Force we were able to verify that this condition effects a large group of people with low vision. See, https://www.w3.org/TR/low-vision-needs/#light-sensitivity. This population includes many if not most people with blind spots like macular degeneration.

    This makes high contrast a two edged sword. Sufficient contrast is good for almost every person with low vision, but high contrast can produce too much light and cause pain to people with photophobia. I would suggest the 4.5:1 ratio in general.

    The ultimate solution would be to enable users to select colors. That doesn’t mean to provide a color picker on each page. All the developer needs to do is not get in the way. The biggest current barrier is sprites used in the background image. This prevents removing the background image and replacing background color with one that can support high contrast for people who need it and moderate contrast for people who experience pain from high contrast.

    Copy & paste the code below to embed this comment.
  11. Great research article. I’ve been looking for a tool like the contrast finder mentioned here.

    Copy & paste the code below to embed this comment.
  12. Great post. Thanks very much for the informaition.

    Copy & paste the code below to embed this comment.
  13. Thanks for writing this! I hadn’t previously known about the tool that Lea Verou built and I love it because it’s so straightforward and simple.

    Copy & paste the code below to embed this comment.
  14. Nice post-Geri!
    An amazing post about tools. I love the way you explain the color accessibility, contrast checkers & its workflow. Yahoo customer care is always ready to solve your yahoo related problems in just a few minutes. https://yahoocustomerservice.co/yahoo-customer-support/

    Copy & paste the code below to embed this comment.
  15. nice post thank you for sharing .
    Ladki patane ke tarike

    Copy & paste the code below to embed this comment.
  16. Great post. thank you for sharing .

    Copy & paste the code below to embed this comment.
  17. Definitely going to take a look into colour safety!
    http://regentonnentest.de

    Copy & paste the code below to embed this comment.
  18. A debt of gratitude is in order for a brilliant offer. Your article has importations your diligent work and experience you have in This field. Splendid understanding.I adore it.

    Cheap and Best call girls in Chandigarh

    Copy & paste the code below to embed this comment.
  19. I’m in the same boat with trying to convince the client; they recently asked me, “Is it essential that our website be accessible? Who enforces it?” Sigh. The tips above are helpful; I’ll use those and maybe it will help. We are all getting older.

    Also, ALA folks—looks like spam is getting into the comments, see above ...

    Copy & paste the code below to embed this comment.
  20. Sorry, commenting is closed on this article.