验证页面是否可由色盲人士使用

若要检查色盲人士可以使用网页,请在“渲染”工具中使用“模拟视力缺陷”下拉列表。

在辅助功能测试演示网页上,不同的捐赠状态使用颜色作为区分的唯一手段:

  • 绿色意味着已收到大量捐款。
  • 黄色表示已收到中等数量的捐款。
  • 红色表示收到的捐款量较低。

但不能期望所有用户都能按预期体验这些颜色。 通过使用渲染工具的“模拟视觉缺陷”功能,你可以通过模拟具有不同视觉的人对设计的看法来发现此设计不够好。

若要检查网页是否可由色盲人士使用:

  1. 在新窗口或选项卡中打开网页,例如 辅助功能测试演示网页

  2. 右键单击网页中的任意位置,然后选择“ 检查”。 或者,按 F12。 DevTools 将在网页旁边打开。 默认情况下,“ 快速视图 ”面板在 DevTools 的底部处于打开状态。

  3. 如果“ 快速视图 ”面板尚未打开,则当焦点位于 DevTools) 上时,按 Esc 打开 “快速视图 ”面板 (。 在 “快速视图 ”面板中,单击“ 更多工具 (+) ”按钮,然后选择“ 呈现 ”工具。

  4. 向下滚动到“ 模拟视力缺陷 ”下拉列表,然后选择“ Protanopia (无红色) 近视 对红光的敏感性降低,难以区分绿色、红色和黄色:

    将文档显示为亲近的人会看到它

  5. 若要删除模拟,请在“ 模拟视力缺陷 ”下拉列表中,选择“ 无模拟”。

另请参阅

  • 模拟视力缺陷 - 定义模拟 视力缺陷 下拉列表中的项,包括 Protanopia、Deuteranopia、Tritanopia 和 Achromatopsia。