Quick Tip: Contrast is About More than Text

While text contrast is important, icons and graphics convey meaning too, so be sure to remember WCAG 1.4.11 (Non-Text Contrast). It applies to icons, graphical objects, and interactive component boundaries that convey meaning. A light grey checkbox against a white background may fail, even if its associated text passes. Non-text contrast requires a contrast ratio of 3:1 or greater, which can be measured with WebAIM’s free Contrast Checker.


The monthly Web Accessibility Tip comes from WebAIM and is shared to get a wider audience. For more information about web accessibility, please visit the WebAIM website.

See also information about how you can subscribe to the monthly WebAIM Newsletter which contains lots of great information about web accessibility.