Editoria11y(“编辑辅助功能”)是一个用户友好的网页辅助功能 解决内容作者三个关键需求的工具:
- 它运行 自动. 就像拼写检查一样,Editoria11y工作得很好,因为它是 总是 running; whenever Drupal content editors are authenticated, 编辑11y是活跃的, 所以没有必要 记得运行它!
- 它运行 在上下文中. Drupal使用视图、Layout Builder、媒体和其他模块来组装复杂的页面. Editora11y可以在上下文中与所有这些模块进行交互,并自动检查web可访问性问题.
- 它集中 专门 足彩外围网站内容问题:Drupal内容编辑器只能影响其网页的内容,而不能影响网站模板. Editoria11y工具只关注那些您可以更改的东西.
Editoria11y已经对所有Drupal内容编辑人员开放. 一旦您通过身份验证,并在您可以作为内容编辑器访问的网页上, Editoria11y存在并自动检查可访问性问题. 注意,Editoria11y不会在编辑页面时进行检查. 然而, 当查看您拥有内容编辑器访问权限的页面时, Editoria11y将提醒您无障碍障碍,并建议需要手动验证的项目. 警报是在网页的上下文中提供的,以便使用. Editoria11y处理可访问性问题的方式与拼写检查器处理文档的方式相同. 这个功能意味着内容编辑器在编辑网页时可以很容易地理解信息.
使用编辑器:显示切换按钮
Drupal内容编辑器登录时, “显示”切换按钮位于页面底部(请记住 当您正在编辑页面时,Editora11y不会检查.) 根据页面的可访问性状态,切换按钮有三种状态:
- 没有问题(蓝色带有人类图标):Editoria11y没有发现自动检测到的问题.
- 需要手动检查(带问号的金色):这些警告要求您检查视频等项目, 文档, 等.手动,. 如果您的手动检查需要这样做,请纠正错误.
- Errors detected (red with an exclamation point): these are issues Editoria11y found 自动 and are errors that create barriers to content; you should correct these errors right away.
使用面板
当激活show按钮时,会出现一个面板区域,可以标记页面上的问题, 这样编辑就知道在哪里进行修改. 面板还包括一个“显示标签”控件,显示标题结构和alt文本,使事情变得更容易. 这些列表可以通过小部件开头附近的“内容大纲”和“媒体”按钮切换.
点击控制面板上的“显示标签”将显示 图像的替代文本 (“alt”)和 文档大纲.
发行类型和检查
当按钮被点击时, 编辑器的控制面板打开, 有问题的元素会得到工具提示,解释需要采取什么行动. 如果站点管理员选择(通过模块配置页面), 这可以在检测到新问题时自动发生:
快速检查中标记的问题
- 标题
- 跳过的标题关卡
- 空的标题
- 很长的标题
- 可疑的短块,实际上可能是标题
- 图像的替代文本
- 没有alt元素的图像
- 带有空alt元素的图像(标记为手动检查)
- 以文件名作为alt文本的图像
- 带有很长的alt文本的图像
- 包含“图像”或“照片”等冗余文本的Alt文本
- 通常需要文本替代的嵌入式可视化
- 有意义的链接
- 不带文本的链接
- 以文件名命名的链接
- 链接的标题只有一般的文字:“这个链接”、“点击这里”、“了解更多”、“下载”等等.
- 在没有外部链接图标的新窗口中打开的链接
- 链接中的图片,其全部文字似乎是在描述图片,而不是链接目的地
- 表
- 表 without headers and tables with document headers ("Headers 3") instead of table headers (
) - 空的表格单元格
- 用于布局的表格
- 一般内容质量保证
- 由星号、数字和字母而不是列表元素组成的列表
- 避免大量的大写锁定文本
- pdf和其他文档的链接, 提醒用户测试下载的可访问性或提供替代方案, 可访问的格式.
我无法核实的事情
有些事情需要老式的校对. 需要人工审查的常见内容问题:
- 避免使用图片或文字. 它们在移动设备和屏幕放大设备上的可扩展性很差.
- 颜色对比 需要足够强的低视力或色盲用户. 避免单独使用颜色来表达意思,尤其是在图表和图形中.
- 不要使用当布局或颜色感知改变时消失的感官特征. 例如, “右边栏的项目是必需的”这句话对用户来说是没有意义的. 当页面在移动设备上变成单列时,它也失去了意义.
- 如果您的网站不使用谷歌翻译,请识别英语以外的语言. 屏幕阅读器需要了解语言才能正常工作. 例如,使用语言标签,屏幕阅读器将“Español”发音为“a Spaniel”."
编辑演示
- 表 without headers and tables with document headers ("Headers 3") instead of table headers (