Loading...

How to check for accessible colors -- A11ycasts #17

20,844 views

Loading...

Loading...

Transcript

The interactive transcript could not be loaded.

Loading...

Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on May 5, 2017

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

Loading...

to add this to Watch Later

Add to

Loading playlists...