富文本编辑器包含一个辅助功能工具,可以检测编辑器中常见的辅助功能错误。您可以使用辅助功能检查器在设计课程内容时考虑辅助功能属性。此工具仅验证在富文本编辑器中创建的内容。您可以使用其他辅助功能工具来验证 Canvas 中的其他内容。
所有辅助功能组件均保留您所在机构主题编辑器模板中设置的参数。辅助功能检查器会验证以下辅助功能规则:
- 相邻链接:URL 相同的相邻链接应合并为一个链接。此规则用于检查链接文本中是否包含空格,从而避免链接被拆分为多个链接。
- 标题段落:标题不应超过 120 个字符。
- 图片替代文字:图片应包含描述图片内容的 alt 属性。
- 图片替代文字文件名:图片文件名不应用作描述图片内容的替代文字属性。目前,直接上传到 Canvas 的文件会创建一个重定向,该重定向无法正确验证图片文件名。
- 图片替代文字长度:建议替代文字长度不超过 120 个字符。
- 大字对比度:大于 18pt(或粗体 14pt)的文本应显示至少 3:1 的对比度。
- 列表:列表应采用列表格式。
- 顺序标题:标题级别不应跳过(例如 H2 到 H4)。但是,该工具不会检查第一个标题是否以 H2 开头,也不会检查标题是否与页面中的其他内容顺序一致。表格标题不以 H1 开头,H1 是页面标题。
- 小字对比度:小于 18pt(或粗体 14pt)的文本应显示最小对比度 4.5:1。
- 表格标题:表格应包含描述表格内容的标题。
- 表头范围:表头应指定范围和适当的结构。
- 表格标题:表格至少应包含一个标题。
查看视频文字稿
00:09:如果在富文本编辑器中检测到任何辅助功能问题,
00:13:辅助功能检查器显示指示器。
00:17:要查看辅助功能问题,请点击辅助功能检查器图标。
00:22:当检测到问题时,富文本编辑器会突出显示受影响的区域。
00:26:侧边栏显示了辅助功能属性及其说明。
00:31:错误信息。要了解有关辅助功能属性的更多信息,请点击
00:35:信息图标。
00:37:如果富文本编辑器包含多个问题,您可以查看所有问题。
00:42:点击“上一页”或“下一页”按钮查看问题。
00:46:要解决问题,请按照侧边栏中的说明完成任务。
00:51:例如,如果问题需要为图像添加替代文本,则
00:55:侧边栏显示一个文本字段,供您输入替代文本。
01:00:完成更改后,单击“应用”按钮。
01:04:辅助功能检查器将应用修复程序并显示下一个信息
01:08:问题。继续审查并修复检测到的任何问题。
01:12:编辑。
01:14:当所有问题都已修复,或者在 Rich 中未检测到任何问题时
01:18:内容编辑,侧边栏显示没有问题,即将关闭
01:22:自动。
查看辅助功能检查器通知
如果在富文本编辑器中检测到任何辅助功能问题,辅助功能检查器将显示一个指示器[1]。
要查看辅助功能问题,请点击辅助功能检查器图标[2]。
查看问题
检测到问题时,富文本编辑器会高亮显示受影响区域 [1]。侧边栏会显示辅助功能属性 [2] 和错误说明 [3]。要了解有关辅助功能属性的更多信息,请单击“信息”图标 [4]。
查看更多问题
如果富文本编辑器包含多个问题[1],您可以点击“上一个”或“下一个”按钮[2]查看所有问题。
应用修复
要解决问题,请按照侧边栏 [1] 中的说明完成任务。例如,如果问题需要为图像添加替代文本,侧边栏会显示一个文本框供您输入替代文本。
完成更改后,单击“应用”按钮[2]。
辅助功能检查器将应用修复程序并显示下一个问题的信息。请继续在编辑器中检查并修复检测到的任何问题。
确认修复
当所有问题都已解决,或者在富文本编辑器中未检测到任何问题时,侧边栏会指示不存在任何问题,并自动关闭。