Color

TODO: The intro needs to be rewritten an the resources moved to the specific topics.

Color is important to make a beautiful website, but not everyone sees colors the same way. That’s why it’s important to check color contrast and use of color:

• Check the color contrast between foreground and background content
• Verify that color is not the only way of indicating controls or content

Resources

Guidelines

• WCAG Contrast Minimum
• WCAG Color Contrast Guideline
• Color Contrast and why you should rethink it

Tools

You can test color contrast with these color checkers:

• Overview of all sorts of contrast checkers
• WebAIM Contrast Checker
• Background Image & Text Contrast Checker

Good reads

• On link underlines by Adrian Roselli.
• Assistive Technology Experiment: High Contrast
• Color Contrast And Why You Should Rethink It
• Keep the underline

Table of contents

• Color contrast of text
• Color contrast of icons
• Color contrast in forms
• Use of color