Subscribe
Join 40,000+ sales and marketing pros who receive our 4x a week insights, tips, and best practices.
Thank you! You have been subscribed.

Free Assessment: Website Performance Assessment

Start the Assessment
... Inbound Marketing Web Design
Close
website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
Website Performance Assessment
Free Website Course
View Website Performance Assessment
website performance assessment start

Free Assessment:

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

New Chrome tool will help developers make websites more color-blind friendly

By Joel Waggener

Joel Waggener also recommends this free website performance assessment.

New Chrome tool will help developers make websites more color-blind friendly

We all know how important web accessibility has become. 

Making your website accessible means designing it and having it function in a way that makes it usable for all people, whatever their hardware, software, language, location, or ability.

Free Assessment: Website Performance Assessment

One of the main needs that web accessibility aims to address is visual impairments — which can include a wide range of limitations, from complete blindness to difficulty distinguishing certain color combinations.

About 300 million people worldwide (1 in 12 men (8%) and 1 in 200 women (0.5%)) are impacted by color blindness, according to Color Blind Awareness, an advocacy group.

If a website does not have enough contrasting colors with its content, it’s a frustrating experience for people that are color blind. This is especially true with text over background colors. When someone is color blind, they have trouble distinguishing between certain colors. 

However, developers have made many advances to help with this issue.

Google is launching the beta version of a new Chrome tool that allows developers to mimic visual impairments like color blindness to assist them in fixing accessibility issues on their sites.

The goal is to enable developers to easily simulate how people with a color vision deficiency experience their web apps.

How it works

This feature will be accessed by launching Google Chrome and opening the browser’s developer tools located in “View” of the main menu. The new tool is called “emulate vision deficiencies,” which will have a drop-down menu of vision impairments.

Developers have the choice to select visual limitations such as Protanopia (the inability to perceive red light) or Tritanopia (the inability to perceive blue light).

The tool mimics the condition by changing the colors of their site so developers can see if there are any visual challenges that present themselves. Most commonly, there might be difficulty reading without those specific colors.

The other most common forms of color blindness are:

  • Deuteranomaly, a reduced sensitivity to green light
  • Deuteranopia, the inability to perceive green light
  • Protanomaly, a reduced sensitivity to red light


According to Mozilla:

"These simulations are not completely medically accurate. However, they can give you a sense of what your web site looks like to users with vision problems, and therefore help you judge whether you need to make adjustments in your color or contrast choices."

Beta for now

All this is currently in beta mode. It’s only accessible to the developers working on it.

There is also a running public Google doc where the developers comment back and forth on all the strategies, recommendations, and outcomes of their testing. It’s a unique glimpse into the developer process.

While this new Chrome tool is not a solution to every accessibility problem faced by websites, it’s certainly a step in the right direction. It’s good to know there are very smart people tackling these issues that non-impaired people normally don’t think about.

A fully-accessible website is a boon for businesses and users everywhere.

website performance assessment start

Free Assessment:

Website Performance Assessment
Start the Assessment
website performance assessment start

Free Assessment:

Website Performance Assessment

Does your website build trust with buyers and bring in revenue?

Take this free 10 question assessment and learn how your website can start living up to its potential.

Topics:

Web Design
News
Published on March 19, 2020

Recent Articles

4 Ways To Recession-proof Your Website In 2022
June 9, 2022 • 5 min read
23 of the Best Examples of Business Blog Design
May 30, 2022 • 13 min read
5 Prep Secrets for a Smoother, More Successful Website Project Plan (+ Infographic)
May 16, 2022 • 8 min read
8 Best Content Management Systems for Digital Marketing in 2022
March 22, 2022 • 9 min read
How Much Does a Website Design or Redesign Cost in 2022?
March 8, 2022 • 9 min read
Website Redesign Checklist: The 12 Crucial Steps You Need To Be Successful
February 22, 2022 • 17 min read
Your 2022 Website Strategy Must Include These 6 Things
February 15, 2022 • 9 min read
11 Pricing Page Examples for Business Websites (Updated for 2022)
January 18, 2022 • 10 min read
8 Crucial Elements Every Homepage Design Should Have [+Video]
January 15, 2022 • 6 min read
What Does a Great Inbound Marketing Website Look Like in 2022?
January 10, 2022 • 11 min read
What Makes a Good Website Design? 7 Award-Winning Examples To Be Inspired By
December 18, 2021 • 9 min read
What Is a Learning Center and Why Does My Website Need One?
November 22, 2021 • 6 min read
7 Self-Service Tools on Business Websites to be Inspired By
September 29, 2021 • 7 min read
Google Shares New Tools to Audit Website User Experience
August 12, 2021 • 3 min read
New HubSpot CMS Hub Starter Tier Released for Growing Businesses
August 6, 2021 • 4 min read
ICYMI: Digital Marketing News Update for July 26, 2021
July 26, 2021 • 6 min read
ICYMI: Digital Marketing News Update for July 19, 2021
July 19, 2021 • 6 min read
What the Heck is Going on With All the Google Updates? (Content Lab, Ep. 54)
July 15, 2021 • 1 min read
8 Best Business Website Designs (Updated for 2022)
July 15, 2021 • 5 min read
ICYMI: Digital marketing news update for July 12, 2021
July 12, 2021 • 5 min read
Too many internal links in content can confuse Google about site structure
July 9, 2021 • 5 min read
Google July 2021 core update rolling out over next 2 weeks
July 2, 2021 • 4 min read
6 tips for building a great diversity and inclusion page (+examples)
June 29, 2021 • 7 min read
Google punts third-party cookie ban to 2023 for 'responsible planning'
June 25, 2021 • 6 min read
8 types of website performance metrics you should look at on a monthly basis
June 24, 2021 • 11 min read