Drupal编辑

Editoria11y(“编辑辅助功能”)是一个用户友好的网页辅助功能 解决内容作者三个关键需求的工具:

  1. 它运行 自动. 就像拼写检查一样,Editoria11y工作得很好,因为它是 总是 running; whenever Drupal content editors are authenticated, 编辑11y是活跃的, 所以没有必要 记得运行它!
  2. 它运行 在上下文中. Drupal使用视图、Layout Builder、媒体和其他模块来组装复杂的页面. Editora11y可以在上下文中与所有这些模块进行交互,并自动检查web可访问性问题.
  3. 它集中 专门 足彩外围网站内容问题:Drupal内容编辑器只能影响其网页的内容,而不能影响网站模板. Editoria11y工具只关注那些您可以更改的东西.

Editoria11y已经对所有Drupal内容编辑人员开放. 一旦您通过身份验证,并在您可以作为内容编辑器访问的网页上, Editoria11y存在并自动检查可访问性问题. 注意,Editoria11y不会在编辑页面时进行检查. 然而, 当查看您拥有内容编辑器访问权限的页面时, Editoria11y将提醒您无障碍障碍,并建议需要手动验证的项目. 警报是在网页的上下文中提供的,以便使用. Editoria11y处理可访问性问题的方式与拼写检查器处理文档的方式相同. 这个功能意味着内容编辑器在编辑网页时可以很容易地理解信息.

使用编辑器:显示切换按钮 

Drupal内容编辑器登录时, “显示”切换按钮位于页面底部(请记住 当您正在编辑页面时,Editora11y不会检查.) 根据页面的可访问性状态,切换按钮有三种状态:

  1. 没有问题(蓝色带有人类图标):Editoria11y没有发现自动检测到的问题.
  2. 需要手动检查(带问号的金色):这些警告要求您检查视频等项目, 文档, 等.手动,. 如果您的手动检查需要这样做,请纠正错误.
  3. 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”)和 文档大纲.

足彩外围网站网页显示编辑大纲面板在页面的右侧


发行类型和检查

 

当按钮被点击时, 编辑器的控制面板打开, 有问题的元素会得到工具提示,解释需要采取什么行动. 如果站点管理员选择(通过模块配置页面), 这可以在检测到新问题时自动发生:

 

编辑11 .控制面板显示替代文本错误

 

 

快速检查中标记的问题

  • 标题
    • 跳过的标题关卡
    • 空的标题
    • 很长的标题
    • 可疑的短块,实际上可能是标题
  • 图像的替代文本
    • 没有alt元素的图像
    • 带有空alt元素的图像(标记为手动检查)
    • 以文件名作为alt文本的图像
    • 带有很长的alt文本的图像
    • 包含“图像”或“照片”等冗余文本的Alt文本
    • 通常需要文本替代的嵌入式可视化 
  • 有意义的链接
    • 不带文本的链接
    • 以文件名命名的链接
    • 链接的标题只有一般的文字:“这个链接”、“点击这里”、“了解更多”、“下载”等等.
    • 在没有外部链接图标的新窗口中打开的链接
    • 链接中的图片,其全部文字似乎是在描述图片,而不是链接目的地
    • 表 without headers and tables with document headers ("Headers 3") instead of table headers ()
    • 空的表格单元格
    • 用于布局的表格
  • 一般内容质量保证
    • 由星号、数字和字母而不是列表元素组成的列表
    • 避免大量的大写锁定文本
    • pdf和其他文档的链接, 提醒用户测试下载的可访问性或提供替代方案, 可访问的格式.

我无法核实的事情

有些事情需要老式的校对. 需要人工审查的常见内容问题:

  • 避免使用图片或文字. 它们在移动设备和屏幕放大设备上的可扩展性很差.
  • 颜色对比 需要足够强的低视力或色盲用户. 避免单独使用颜色来表达意思,尤其是在图表和图形中.
  • 不要使用当布局或颜色感知改变时消失的感官特征. 例如, “右边栏的项目是必需的”这句话对用户来说是没有意义的. 当页面在移动设备上变成单列时,它也失去了意义.
  • 如果您的网站不使用谷歌翻译,请识别英语以外的语言. 屏幕阅读器需要了解语言才能正常工作. 例如,使用语言标签,屏幕阅读器将“Español”发音为“a Spaniel”."