Quick Tip: Test contrast with Chrome Developer Tools

The Chrome Developer Tools now provide easy and powerful contrast checking. Simply inspect an element and choose a text foreground color from the Style pane to see how that color aligns with WCAG 2 contrast requirements. You can even check the contrast of link or button hover and focus states. More details at WebAIM – Contrast and Color Accessibility resources. 


The monthly Web Accessibility Tip comes from WebAIM and 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.