Emulate vision deficiencies
To better meet the needs of your users with color vision deficiency (color blindness) or blurred vision, Microsoft Edge DevTools allow you to simulate blurred vision and specific color vision deficiencies. The Emulate vision deficiencies tool simulates the following categories.
|Color vision deficiency||Details|
|Blurred vision||The user has difficulty focusing on fine details.|
|Protanopia||The user is unable to perceive any red light.|
|Deuteranopia||The user is unable to perceive any green light.|
|Tritanopia||The user is unable to perceive any blue light.|
|Achromatopsia||The user is unable to perceive any color, which reduces all color to a shade of grey.|
Open the Rendering tool
To simulate a vision deficiency being applied for your web product, open the Rendering Tools.
To open the Rendering tool, select the
...menu item in the toolbar.
Select More tools.
The Rendering menu appears in the drawer.
Scroll down to the
Emulate vision deficienciesmenu item and select the drop-down menu to display the options.
Select an option.
The main window displays the simulation of your chosen option applied to the current page.
Use the Command Menu
As an alternative approach, you can use Command Menu to access the different simulations.
P(macOS) to open the Command Menu.
emulate, choose what you want to simulate and choose
The Emulate vision deficiencies tools simulate approximations of how a person with each deficiency may see your product. Each person is different, therefore vision deficiencies vary in severity from person to person. To better meet the needs of your users, avoid any color combination that may be an issue. The Emulate vision deficiencies tools are not a full accessibility assessment of your product. Instead, the Emulate vision deficiencies tools should give you a good first step to avoid problems.