How to emulate vision deficiencies in Chrome Developer Tools

Mae Capozzi · December 20, 2020Chrome Dev tools now offers a feature that lets you emulate different vision deficiencies.

Chrome Dev tools now offers a feature that lets you emulate the following vision deficiencies in dev tools:

  • Blurred vision
  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Achromatopia

Follow these steps to try it yourself:

  1. Open dev tools cmd+opt+i
  2. Click on the three vertical dots in the top right hand corner of the dev tools.
  3. Selected More tools > Rendering.
  4. Scroll all the way down and select a vision deficiency under "Emulate vision deficiencies."

Continue Reading

aitypescriptdeveloper-tools

Tooling migrations don't have to take weeks anymore

I used to block out weeks for tooling migrations. Now I let Claude Code run in the background, check in when it's done, and pair with it to understand what changed.

Read Post
frontend platformsystems thinkingobservability

Frontend Technical Debt Is a Business Problem

Frontend technical debt doesn't just slow down developers. It undermines your entire business through user attrition, legal risks, and revenue loss. Here's how to spot and communicate these hidden costs.

Read Post
aideveloper-tools

AI-Assisted Dependency Review

How I used Conductor and Claude to streamline my team's Dependabot review workflow — and how a colleague turned it into a GitHub Action

Read Post
See all posts