简介
精心使用颜色可以改善 Canvas 页面、文档或幻灯片演示文稿,
但可访问性取决于足够的对比度并且不仅仅依赖于颜色
传达意义。
传达含义的颜色
颜色可以是一种有用的设计工具,但它绝不应该成为沟通的唯一方式
意义。如果学生必须单独感知颜色才能了解某物是否存在
正确、必需、紧急或不完整,有些人可能完全错过该消息。这个
会影响盲人、色觉缺陷者、使用屏幕阅读器的人,
或以灰度或在光线较差的条件下查看内容。无障碍指南
因此建议使用颜色来支持含义,而不是单独传达含义。
更全面的方法是将颜色与其他提示配对,例如文本、
图标、图案、标签或符号。例如,不显示正确答案
仅使用绿色,用“正确”等词标记它们或添加复选标记图标。

在图表或表格中,不要仅依靠绿色、黄色和红色来传达状态;
包括文本标签,例如“通过”、“审核”或“错误”。
这有助于确保所有学生都能识别含义,无论他们如何
感知颜色。使用多个提示还可以提高每个人的清晰度,而不仅仅是
残疾用户,因为它减少了猜测并使内容更容易理解
快速解释。在下图中,每个数据系列都是通过
颜色和非颜色提示,包括线条图案和标记形状,使图表
更容易为更广泛的用户解释。

资源
- (美国总务管理局资源)
- (CidiLabs ULEARN 资源)
- WebAIM 资源
- (W3C-网络无障碍倡议资源)
颜色对比度
颜色对比度是指文本或其他重要内容之间的亮度差异
视觉元素及其背后的背景。强烈的对比使内容更容易
阅读和扫描,而弱对比度会使文本变得困难甚至不可能
一些人去感知。这对于视力低下的人尤其重要,
对比敏感度降低,或某些类型的色觉缺陷。对比度好
还使许多其他用户受益,包括那些在移动设备上阅读的用户
光线,或眼睛疲劳时。
创建教学材料时,目标是使用文本和背景组合
一看就很容易区分。在许多情况下,浅色背景上的深色文本
是最简单且最具可读性的选择。如果选择其他颜色,这一点很重要
以验证它们仍然提供足够的对比度。对于正常大小的文本,
网页内容可访问性指南 (WCAG) 要求对比度至少为 4.5:1。
大文本可以满足稍低的阈值,但始终使用强对比度
通常是最简单、最可靠的做法。
- 非常好的对比度(前景文本=黑色,背景=白色,比例=21:1)
- 令人满意的对比度(前景文本=#6C6C83,背景=白色,比例=5.1:1)
- 对比度失败(前景文本=#A6A6A6,背景=白色,比率=2.4:1)
对比度检查器可以帮助您测试文本、超链接、按钮、图标、
和其他视觉元素,然后与学生分享材料。查看资源
下面的链接提供了您可以使用的免费对比检查器。
资源
- WebAIM 资源
- (W3C-网络无障碍倡议资源)
- 免费对比检查器:
在画布中使用颜色
画布可以帮助您识别低对比度文本。查看可访问性检查器
Canvas 中富内容编辑器底部的图标。
如果旁边有数字,则 Canvas 已识别出可能存在辅助功能错误
在页面上。单击该图标以进一步调查。
要使用画布辅助功能检查器修复低颜色对比度,请更改颜色
通过滑动辅助功能检查器中的滑块之一来调整低对比度文本
或移动该点直到“应用”按钮处于活动状态。 单击“应用”保存您的更改。

在 Microsoft Word 和 PowerPoint 中使用颜色
在 Word 中使用颜色
Word 辅助功能助手可以识别文档中的颜色和对比度错误。
从功能区的“审阅”选项卡中选择“检查辅助功能”工具以打开
助理。

如果检测到错误,您将看到“颜色和对比度”部分中列出的数字
文档右侧的辅助功能助手的图标。

点击“难以阅读的文本对比度”按钮,无障碍助理会提出建议
一些对比度较高的颜色可以帮助您使文本更易于阅读。 选择一个
建议的颜色或手动将文本更改为对比度更高的颜色
你更喜欢。

修复后,助手将自动更新以清除对比度错误。
在 PowerPoint 中使用颜色
PowerPoint 中还有一个辅助功能助手,其功能类似
到Word版本。 检查器应该标记放置在文本上的对比度错误
幻灯片,但使用手动检查对比度问题也是一个很好的最佳实践
前面提到的对比度检查器之一,用于确认您的任何对比度问题
可能不确定。 如果您在 PowerPoint 演示文稿中发现低对比度文本,
首先,突出显示文本,然后单击“主页”功能区中附近的“字体颜色”工具
窗口顶部可为文本选择不同的颜色。

在 Google 文档中使用颜色
Google 文档没有用于识别低对比度文本的本机工具。你可以
使用对比度检查工具来验证对比度。修复低对比度文本
您的文档中,突出显示文本并使用文本颜色工具更改颜色
文档顶部附近的工具栏。

用于识别和纠正 Google 文档中对比度问题的推荐选项
是使用 Grackle 文档。所有密歇根理工学院的员工、教师和学生都可以安装
免费将 Grackle Docs 扩展添加到其 MTU 帐户。 了解详情。或者,您可以下载 Word 格式的 Google 文档并进行更正
使用 Word 时的对比度问题。
使用 Grackle 文档纠正对比度错误
- 要纠正 Google 文档中的对比度错误,请启动 Grackle Docs 扩展程序。

- 找到目录文档右侧的 Grackle Docs 扩展部分。 色彩对比
错误将出现在标题为“应使用高颜色对比度”的项目中。
- 点击“查找”可导航至文档中的对比度错误。
- 调整 Google 文档工具栏的颜色以消除错误。
- 点击 Grackle 文档面板顶部的“重新检查”按钮以确认
对比度错误已解决。

- 如果您需要 Google 文档的可访问 PDF,请使用导出 PDFoption from the top of the Grackle Docs interface. 注意:从 Google 文档下载 PDF 文件文件菜单将不是包括此处查看的可访问表格标签。

在 Google 幻灯片中使用颜色
Google 幻灯片没有用于识别低对比度文本的本机工具。你可以
使用对比度检查工具来验证对比度。 修复低对比度文本
您的幻灯片演示文稿,突出显示文本并使用文本颜色更改颜色
顶部附近的 Google 幻灯片工具栏中的工具。

用于识别和纠正 Google 幻灯片中对比度问题的推荐选项
是使用鹩哥幻灯片。所有密歇根理工学院的员工、教师和学生都可以安装
免费将 Grackle Slides 扩展添加到他们的 MTU 帐户。 了解详情。 或者,您可以在 PowerPoint 中下载 Google 幻灯片演示文稿
使用 PowerPoint 格式化并纠正对比度问题。
使用 Grackle Slide 纠正对比度错误
- 要纠正 Google 幻灯片中的对比度错误,请启动 Grackle Slides 扩展程序。

-
Grackle Slides 会扫描您的演示文稿以获取各种可能的辅助功能
问题。
找到目录演示文稿右侧的 Grackle Slides 扩展部分。 颜色
对比度错误将出现在标题为“应使用高颜色对比度”的项目中。
单击应使用高颜色对比度项目以查看颜色对比度错误。
- 点击“文本框”可导航至演示文稿中的对比度错误。
- 调整 Google 幻灯片工具栏的颜色以消除错误。
- 点击 Grackle Slides 面板顶部的“重新检查”按钮以确认
对比度错误已解决。

- 如果您需要可访问的 Google 幻灯片 PDF,请使用导出 PDFGrackle Docs 界面顶部的选项。 注意:从 Google 幻灯片下载 PDF 文件文件菜单将不是包括此处审核的辅助功能改进。
