作为讲师,我该如何在富内容编辑器中使用访问性检查程序?

富内容编辑器 (Rich Content Editor) 将在未来版本中停止使用。您可以在课程功能选项里启用新富内容编辑器 (New Rich Content Editor) 功能

富内容编辑器包含访问性工具,该工具检查编辑器内常见的访问性错误。该工具位于富内容编辑器菜单栏内,在考虑访问性属性的同时帮助您设计课程内容。

该工具只验证在富内容编辑器内创建的内容。您还可以使用其他访问性工具来验证 Canvas 内的其他内容。

所有组件都按照机构主题编辑器 (Theme Editor) 内设置的模板设计,并验证下列访问性规则:

  • 相邻链接:具有相同 URL 的相邻链接应当是单个链接。该规则验证链接错误,在这些链接错误中,链接文本可能包含空格并把链接分成多个链接。
  • 标题段落:标题包含的字符不得超过 120 个。
  • 图像替代文本:图像应当包含替代属性,用来描述图像内容。
  • 图像替代文件名:图像文件名不得用作替代属性来描述图像内容。目前,直接上传至 Canvas 的文件创建重定向,该重定向无法正确验证图像文件名。
  • 图像替代长度:Alt 属性文本包含的字符应该少于 120 个。
  • 大文本对比:大于 18pt(或粗体 14 pt)的文本应显示至少 3:1 的对比率。
  • 列表:列表应该格式化为列表。
  • 顺序标题:标题行不得跳过(例如第 2 至 4 行)。但是,工具不检查第一个标题是否从第二行开始,也不检查这些标题的顺序是否呼应页面内剩余的内容。表格不从第一行开始,第一行指定用于页面标题。
  • 小文本对比:小于 18pt(或粗体 14 pt)的文本应显示至少 4.5:1 的对比率。
  • 表格标题:表格应当包含标题,用来描述表格的内容。
  • 表格标题范围:表格标题应指定范围和适当的结构。
  • 表格标题:表格至少应当包含一个标题。

注意:关于文本对比,访问性检查程序 (Accessibility Checker) 使用与 WebAIM 工具相同的计算方法验证颜色,并按照不含高对比度风格 (High Contrast Styles) 的主题编辑器模板验证。但是,如果链接颜色在富内容编辑器中手动覆盖,则必须启用高对比度风格 (High Contrast Styles) 进行验证。

打开富内容编辑器

打开富内容编辑器

使用支持编辑器的 Canvas 功能之一打开富内容编辑器。

打开访问性检查程序

打开访问性检查程序

点击访问性检查程序 (Accessibility Checker) 图标。

注意:根据您的浏览器窗口宽度,您可能需要水平滚动菜单栏来查看该图标。

查看问题

检测出问题时,富内容编辑器突出显示受影响的区域 [1]。侧栏显示访问性属性 [2],并解释错误 [3]。要进一步了解访问性属性,请点击信息 (Information) 图标 [4]。

查看其他问题

查看其他问题

如果富内容编辑器包含多个问题 [1],您可以点击上一个 (Previous) 按钮或下一个 (Next) 按钮来查看所有问题 [2]。

应用纠正

应用纠正

要纠正问题,请按照侧栏中的说明完成任务 [1]。例如,如果问题要求给表格添加标题,侧栏会显示文本字段供您输入标题。

您完成更改时,请点击应用纠正 (Apply Fix) 按钮 [2]。

访问性检查程序 (Accessibility Checker) 将应用纠正,并显示下一个问题的信息。继续在编辑器内检查并纠正检测出的任何问题。

确认纠正

确认纠正

纠正所有问题后,或在富内容编辑器中未检测出问题时,侧栏会显示不存在问题并将自动关闭。