模拟视觉缺陷

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

色觉缺陷 详细信息
视觉模糊 用户很难专注于详细信息。
红色盲 用户无法感知任何红光。
绿色盲 用户无法感知任何绿光。
蓝色盲 用户无法感知任何蓝光。
全色盲 用户无法感知任何颜色,所有颜色都仅呈现灰色阴影。

模拟视觉缺陷工具可模拟具有每种缺陷的用户看到你的产品时的近似效果。 每个用户都是不同的,因此视觉缺陷在严重性上也因人而异。 为了更好地满足用户的需求,请避免使用任何可能出现问题的颜色组合。 模拟视觉缺陷工具虽然不提供产品的完整辅助功能评估,但可以在第一步就避免问题。

打开渲染工具

若要模拟有视觉缺陷的用户看到你的网页的效果,请使用渲染工具:

  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 键。

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

另请参阅