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 Import Bookmarks and Saved Passwords from Any Browser to Microsoft Edge Browser

How to import bookmarks and saved passwords from another browser to Microsoft Edge
Computer

What is CRDOWNLOAD File Extension and How to Open it

What are CDOWNLOAD FIles - Explained!
Blogging

5 Innovative Email Marketing Tools to Help You Grow Your Business

Recovery Email

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. Infinix Note 12 VIP Launched with a 120Hz Display, a 108MP Primary Camera and a 120W Fast Charging

  2. New Dell G15 5520 and G15 5521 Gaming Laptops with 12th Gen Intel Chipsets Launched in India

  3. Motorola Edge 30 Officially Launched in India with Snapdragon 778G SoC starting at Rs. 27,999

  4. Surfshark Review – A Lock Over Your Privacy

  5. Fortnite Returns to iOS Devices Through Microsoft's Xbox Cloud Gaming for Free

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
Advertisement
Geek Dashboard Logo

Geek Dashboard, a technology blog strives to produce high-quality tech for our readers. Here you will find the latest updates on trending tech news, unbiased product reviews, and how-to guides on various gadgets.

Got a Tip? Write In tip@geekdashboard.com

© 2012 - 2022 · 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