Geek Dashboard

How-To's, Smartphones, News and Reviews

  • Home
  • News
  • Smartphones
    • Android
    • iOS
  • Computers
    • Windows
    • macOS
  • Internet
  • Reviews
You are at Home » News

Chrome DevTools Allows Developers to Make Websites More Colour Blind Friendly

Last Updated on March 13, 2020 by Rahul Rawat Leave a Comment

Google has recently updated its DevTools (Chrome 82) the update brings a lot of features. One of the latest features emulates vision deficiencies. The feature allows developers to tune their websites for different visual deficiencies such as blurred vision and various types of color blindness.

Google’s employee Mathias Bynes, who is working on developer tools for chrome tweeted a small demo video. The demo videos show how you can test your website for various paucities.

Blurred Vision
Image Credit: Google

The DevTools can emulate blurred vision and the following types of color blindness deficiencies.

  • Protanopia: The inability to perceive red light.
  • Protanomaly: Reduced sensitivity to red light.
  • Deuteranopia: The inability to perceive green light.
  • Deuteranomaly: Reduced sensitivity to green light.
  • Tritanopia: The inability to perceive blue light.
  • Tritanomaly (extremely rare): Reduced sensitivity to blue light.
  • Achromatopsia (extremely rare): The inability to perceive any color except for shades of grey.
  • Achromatomaly (extremely rare): Reduced sensitivity to green, red, and blue light.

Now when you know which types of deficiencies it can emulate, by following these simple steps you can enable it on your website.

Also Read: 2 Ways To View And Download Source Code of Any Chrome Extension

How you can Check it in your Website

If you are a developer and a site owner you can also test your website. To test the website site owner can find the option in the Developers tools > More tools > Rendering > Emulate visual deficiencies.

By following these simple steps site owners can see how their website looks for people with different impairments. Further, owners can make the change to the code to render the site correctly for people with these deficiencies.

DevTools New Feature
Image Credit: Google

The DevTools (Chrome 82) update also includes features such as Cross-Origin Opener Policy (COOP) and Cross-Origin Embedder Policy (COEP) debugging. The update also brings few shortcuts like Dock to the left from the Command Menu to move DevTools to the left of your viewport. And now, the Audits panel is now the Lighthouse panel.

With this updated Chrome also updated the Long tasks UI. The new Long Task portion of a task is now colored with a striped red background. And also enable the new Show only the minimum safe area for maskable icons checkbox in the Manifest pane to check that your maskable icon will look good on Android Oreo devices.

#Development#Google Chrome#User Experience#web design
Posted inNews

Spread the Word!

Avatar for Rahul Rawat

Rahul Rawat Facebook Twitter

Rahul loves writing about technology and gadgets. He likes playing games in his free time and he wishes to convert his 6.85 Billion 8ball pool coins into real money.

Related articles

Computer

How to Redirect and Open Windows 11 Widget Links in Google Chrome

How to Open Windows 11 Widget Links in Google Chrome
Internet

10 Advantages of Doing Web Development with Python and Django

python and django
Computer

How to Download UltraSurf for Mac - Sierra and El Capitan

How to get UltraSurf for Mac

Comment Policy:

The comments section is aimed to help our readers in case of any questions or you can even appreciate us for our hard work. Every comment is strictly moderated before approving it.

Your name and comment will be visible to the public. Never share your personal information in the comments section.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Over 1,30,286+ Followers

Join to get latest updates from Geek Dashboard

Facebook Twitter Telegram Pinterest YouTube Instagram

Recently Published

  1. Lenovo Yoga 9i 2-in-1 Laptop with 13th Gen Intel Core i7 Launched in India

  2. Lenovo Tab P11 5G Launched with 11-inch 2K Display and Snapdragon 750G SoC in India

  3. How To Select All Photos on iPhone and iPad Quickly

  4. iQOO 11 5G with Snapdragon 8 Gen 2 SoC and 120W Fast Charging Launched in India

  5. Realme 10 Officially Launched with 90Hz AMOLED Display and Dual Cameras in India

Geek Dashboard Placeholder

Download the apps and never miss a story from us

We put a lot effort and resources in writing our articles and we believe it is our responsibility to satisfy your tech hunger. We will keep you filled forever!

  • Get Geek Dashboard App from Google Play
  • Get Geek Dashboard App from Chrome Web Store
Geek Dashboard Logo

At Geek Dashboard, we are dedicated to bringing you the latest and greatest in technology news, reviews, and how-to guides. From smartphones to laptops, and everything in between, we've got you covered.

Got a Tip? Write In tip@geekdashboard.com

© 2012 - 2023 · Geek Dashboard, product of ikva eSolutions

Blog Advertise About Jobs Contact Privacy Policy Write For Us T&C Office Setup

No dogs were injured while working on this website because we love them