Colours with Good Contrast – Accessibility Tips

Today colours play a big role in design. It’s important to ensure that there is sufficient contrast between foreground and background. For regular text, there should be minimum ratio of 4.5:1. Be especially careful while dealing with light color shades of gray, orange and yellow

WCAG Success Criteria: 1.4.3 Contrast (minimum) Level AA

Exceptions

  • Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
  • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
  • Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.

Tools to analyze

Choose right and neat colours!

Srinivasu Chakravarthula

Srinivasu Chakravarthula is an accessibility evangelist for 12+ years. Accessibility is not just his profession but something that is very close to his heart. Srinivasu believes that technology plays an important role to make lives of people with disabilities independent. Srinivasu is recipient of Yahoo! Ratna and NCPEDP MphasiS Universal Design Award. Srinivasu is Certified Web Accessibility Specialist by International Association of Accessibility Professionals (IAAP). Srinivasu is also an individual Professional member of IAAP. Visit his personal website to learn more.

Learn More →

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.