How to check for accessible colors -- A11ycasts #17

OATMEAL Color Contrast: https://goo.gl/khWzhs aXe Chrome Extension: https://goo.gl/TMZoBP Automated testing with aXe: https://goo.gl/Nj31Jj WCAG 1.4.3: https://goo.gl/ZkHlnV WCAG 1.4.6: https://goo.gl/TemJvC Lea Verous Contrast Ratio: https://goo.gl/0fqfVo WCAG Color Contrast Analyzer: https://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: https://goo.gl/06qEUW Subscribe to the Chrome Developers YouTube channel for updates on new episodes of A11ycasts: http://goo.gl/LLLNvf