Color

The intro text needs to be rewritten and the resources needs to be moved to the related topics. Related issue on GitHub #126 Intro page Color. If you want to work on this, please let us know before you start.

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