How to check for accessible colors -- A11ycasts #17

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=LBmLspdAtxM


Category:
Guide
Duration: 10:35
45,742 views
670

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



Other Videos By Chrome for Developers


2017-05-17Google I/O'17: Channel 6
2017-05-17Progressive Web Apps: Great Experiences Everywhere (Google I/O '17)
2017-05-17Stand Out on Google Search Using Structured Data and Search Analytics (Google I/O '17)
2017-05-17Future, Faster: Unlock the Power of Web Components with Polymer (Google I/O '17)
2017-05-17Wego
2017-05-17Forbes - Redefining Modern Web Development
2017-05-12Web Developer Portraits Trailer
2017-05-11Progressive Web App Roadshow: Mexico City
2017-05-10The Design Responsibility of Developers -- Designer vs. Developer #5
2017-05-09Saving Bandwidth with Images (The Standard, Ep. 8)
2017-05-05How to check for accessible colors -- A11ycasts #17
2017-05-02Handle Back and Forwards (The Standard, Ep. 7)
2017-04-26Discoverability & Analytics
2017-04-26Payment Integration
2017-04-26Intro to Web Push & Notifications
2017-04-26Gulp Setup
2017-04-26Offline Quickstart
2017-04-26Intro to PWA Architectures
2017-04-26Working with Responsive Images
2017-04-26New Techniques for Responsive Design
2017-04-26SW Precache and SW Toolbox


Tags:
accessibility
color contrast
aXe extension
color contrast analyzer
color contrast ratio
website accessibility
web accessibility
application accessibility
Lea Verou's color contrast analyzer
lea verou
web design
app design
application design
accessibile design
Chrome
Developers
Google
Web
a11ycasts
a11y
Rob Dodson
accessible
product: chrome
fullname: Rob Dodson
Location: MTV
Team: Scalable Advocacy
Type: Screencast
GDS: Yes;