How to check for accessible colors -- A11ycasts #17

OATMEAL Color Contrast: goo.gl/khWzhs

aXe Chrome Extension: goo.gl/TMZoBP

Automated testing with aXe: goo.gl/Nj31Jj

WCAG 1.4.3: goo.gl/ZkHlnV

WCAG 1.4.6: goo.gl/TemJvC

Lea Verous Contrast Ratio: goo.gl/0fqfVo

WCAG Color Contrast Analyzer: goo.gl/YVcYIS

The main goal of building any website is to convey some information to the user. While it may be stylish to use subtle, low contrast colors in our designs, we should also avoid going too far and creating an experience that's difficult to read. It's a best practice to look over the colors you've used in your site and see if they meet recommended contrast minimums. Today on a11ycasts we'll cover some of the tools to help you identify possible problem areas and explain how you can tune them up so they're more distinct on the page.

Watch all A11ycasts episodes: goo.gl/06qEUW

Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: goo.gl/LLLNvf