Emulate vision deficiencies
To better meet the needs of your users with color vision deficiency (color blindness), Microsoft Edge DevTools enable you to simulate 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.|
Navigate to the Rendering Tools
To simulate a vision deficiency being applied for your web product, open the Rendering Tools.
Open the Rendering Tools by selecting the
...menu item in the toolbar
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.
Choose an option.
The main windows displays the simulation of your selected option applied to the current page.
Use the Command Menu
You may also use Command Menu to access the different simulations.
P(macOS) to open the Command Menu.
emulate, choose what you want to simulate and press
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.