Geek Dashboard

How-To's, Smartphones, News and Reviews

  • Phone Finder
    Phone
    Finder
  • Compare Phones
    Compare
    Phones
  • Viwe All Phone Comparisons
    View All
    Comparisons
  • Home
  • News
  • Smartphones
    • Android
    • iOS
  • Computers
    • Windows
    • macOS
  • Internet
  • Reviews
  • Phone Finder
    • Brands
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!

Rahul Rawat Facebook Twitter Instagram

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

News

Google is Testing "Copyless Paste" Feature on Chrome for Android

News

Realme UI Based on Android 10 Brings Simple Design and Cool Features

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 *

Phone Finder

Brands

  • Samsung 43
  • Xiaomi 38
  • Nokia 33
  • Motorola 33
  • Huawei 28
  • Asus 25
  • Oppo 25
  • Apple 19
  • Meizu 18
  • Vivo 17
  • Microsoft 12
  • BlackBerry 12
  • OnePlus 9
  • Google 4
  • Acer 2
  • Realme 1

Latest Phones

  • Asus Zenfone 6 (2019) Asus Zenfone 6 (2019) ₹39,999.00
  • Samsung Galaxy A70 Samsung Galaxy A70 ₹28,500.00
Notification History Log for Android

Trending Topics

  1. JioBook: An Upcoming Low-Cost 4G Android Laptop from Jio for India

  2. Nubia Red Magic 6 Series Launched with 18GB RAM and 165Hz Display

  3. Realme GT 5G unveiled with Snapdragon 888 and 120Hz screen in China

  4. Redmi Note 10 Series Officially Launched Starting at Rs. 11,999 in India

  5. Samsung Galaxy A32 with 90Hz sAMOLED Display Launched 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

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 [email protected]

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