模拟视力缺陷

为了更好地满足 色觉缺陷 (色盲) 或视力模糊的用户的需求,Microsoft Edge DevTools 允许你模拟模糊视觉和特定色觉缺陷。 模拟视力缺陷工具模拟以下类别:

色觉缺陷 详细信息
视力 用户难以专注于细节。
Protanopia 用户无法感知任何红灯。
Deuteranopia 用户无法感知任何绿灯。
三叉 用户无法感知任何蓝色光。
色盲 用户无法感知任何颜色,这会将所有颜色减少到灰色阴影。

模拟视力缺陷工具模拟每个缺陷的人如何看待你的产品。 每个人都是不同的,因此视力缺陷的严重程度因人而异。 为了更好地满足用户的需求,请避免出现问题的任何颜色组合。 模拟视力缺陷工具不提供产品的完整辅助功能评估,但提供了避免问题的良好第一步。

打开呈现工具

若要模拟有视力缺陷的人如何查看你的网页,请使用 呈现 工具:

  1. 若要打开 DevTools,请右键单击网页,然后选择“ 检查”。 或者,按 Ctrl+Shift+I (Windows、Linux) 或 Command+Option+I (macOS) 。 DevTools 随即打开。

  2. 在 DevTools 的 “活动栏”上,选择“ 呈现 ”选项卡。如果该选项卡不可见,请单击“ 更多工具 (更多工具”图标) 按钮。 呈现工具随即打开。

  3. 向下滚动到 “模拟视力缺陷 ”部分:

    呈现工具中的“模拟视力缺陷”部分

  4. 单击“ 无仿真” 下拉列表,然后选择一个选项。 浏览器窗口在呈现的网页中模拟所选视觉缺陷:

    浏览器窗口,网页中带有修改的颜色,用于模拟所选颜色视觉缺陷

使用命令菜单

作为替代方法,可以使用 命令菜单 访问不同的模拟:

  1. Ctrl+Shift+P (Windows、Linux) 或 Command+Shift+P (macOS) 打开 命令菜单

  2. 键入 “模拟”,选择要模拟的视力缺陷类型,然后按 Enter

    显示不同类型的视力缺陷的命令菜单

另请参阅