How to emulate vision deficiencies in Chrome Developer Tools
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:
- Open dev tools
cmd+opt+i - Click on the three vertical dots in the top right hand corner of the dev tools.
- Selected More tools > Rendering.
- Scroll all the way down and select a vision deficiency under "Emulate vision deficiencies."
Do you want design systems tips and tricks sent to your inbox?