足球比赛结果 在教学材料中使用颜色

简介

精心使用颜色可以改善 Canvas 页面、文档或幻灯片演示文稿, 但可访问性取决于足够的对比度并且不仅仅依赖于颜色 传达意义。

传达含义的颜色

颜色可以是一种有用的设计工具,但它绝不应该成为沟通的唯一方式 意义。如果学生必须单独感知颜色才能了解某物是否存在 正确、必需、紧急或不完整,有些人可能完全错过该消息。这个 会影响盲人、色觉缺陷者、使用屏幕阅读器的人, 或以灰度或在光线较差的条件下查看内容。无障碍指南 因此建议使用颜色来支持含义,而不是单独传达含义。

更全面的方法是将颜色与其他提示配对,例如文本、 图标、图案、标签或符号。例如,不显示正确答案 仅使用绿色,用“正确”等词标记它们或添加复选标记图标。

带有绿色复选框的模态框,用于确认问题的正确答案

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

折线图,包含三个呈上升趋势的数据系列,按颜色、线条样式和标记形状进行区分。

资源

  • (美国总务管理局资源)
  • (CidiLabs ULEARN 资源)
  • WebAIM 资源
  • (W3C-网络无障碍倡议资源)

颜色对比度

颜色对比度是指文本或其他重要内容之间的亮度差异 视觉元素及其背后的背景。强烈的对比使内容更容易 阅读和扫描,而弱对比度会使文本变得困难甚至不可能 一些人去感知。这对于视力低下的人尤其重要, 对比敏感度降低,或某些类型的色觉缺陷。对比度好 还使许多其他用户受益,包括那些在移动设备上阅读的用户 光线,或眼睛疲劳时。

创建教学材料时,目标是使用文本和背景组合 一看就很容易区分。在许多情况下,浅色背景上的深色文本 是最简单且最具可读性的选择。如果选择其他颜色,这一点很重要 以验证它们仍然提供足够的对比度。对于正常大小的文本, 网页内容可访问性指南 (WCAG) 要求对比度至少为 4.5:1。 大文本可以满足稍低的阈值,但始终使用强对比度 通常是最简单、最可靠的做法。

  • 非常好的对比度(前景文本=黑色,背景=白色,比例=21:1)
  • 令人满意的对比度(前景文本=#6C6C83,背景=白色,比例=5.1:1)
  • 对比度失败(前景文本=#A6A6A6,背景=白色,比率=2.4:1)

对比度检查器可以帮助您测试文本、超链接、按钮、图标、 和其他视觉元素,然后与学生分享材料。查看资源 下面的链接提供了您可以使用的免费对比检查器。

资源

  • WebAIM 资源
  • (W3C-网络无障碍倡议资源)
  • 免费对比检查器:

信息图标题“无障碍技术”,显示无障碍内容的 5+2 元素。  这些元素是列表、图像描述、描述性链接、结构化表格和标题。  还显示代表颜色对比度和颜色用途的图标。