Editoria11y for Drupal

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

  1. It runs automatically. 就像拼写检查一样，Editoria11y工作得很好，因为它是 always running; whenever Drupal content editors are authenticated, Editora11y is active, so there is no need to remember to run it!
  2. It runs in context. Drupal使用视图、Layout Builder、Media和其他模块来组装复杂的页面. Editora11y可以在上下文中与所有这些模块进行交互，并自动检查web可访问性问题.
  3. It focuses exclusively 足彩外围网站内容问题:Drupal内容编辑器只能影响其网页的内容，而不能影响网站模板. Editoria11y工具只关注那些您可以更改的东西.

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

Using Editoria11y: The Show Toggle Button 

When Drupal content editors are logged in, “显示”切换按钮位于页面底部(请记住 当您正在编辑页面时，Editora11y不会检查.) 根据页面的可访问性状态，切换按钮有三种状态:

  1. 没有问题(蓝色带有人类图标):Editoria11y没有发现自动检测到的问题.
  2. 需要手动检查(带问号的金色):这些警告要求您检查视频等项目, documents, etc., manually. 如果您的手动检查需要这样做，请纠正错误.
  3. Errors detected (red with an exclamation point): these are issues Editoria11y found automatically and are errors that create barriers to content; you should correct these errors right away.
编辑状态:无问题，手动检查，发现错误.

Using the Panel

当激活show按钮时，会出现一个面板区域，可以标记页面上的问题, so editors know where to make fixes. 面板还包括一个“显示标签”控件，显示标题结构和alt文本，使事情变得更容易. 这些列表可以通过小部件开头附近的“内容大纲”和“媒体”按钮切换.

点击控制面板上的“显示标签”将显示 text alternatives for images ("alts") and the document outline.

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

Issue types and checks

 

When the toggle is clicked, Editoria11y's control panel opens, 有问题的元素会得到工具提示，解释需要采取什么行动. 如果站点管理员选择(通过模块配置页面), 这可以在检测到新问题时自动发生:

 

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

 

 

Issues Flagged in the Quick Check

  • Headings
    • Skipped Heading levels
    • Empty Headings
    • Very long headings
    • 可疑的短块，实际上可能是标题
  • Text alternatives for images
    • Images without an alt element
    • 带有空alt元素的图像(标记为手动检查)
    • Images with a filename as alt text
    • Images with very long alt text
    • 包含“图像”或“照片”等冗余文本的Alt文本
    • 通常需要文本替代的嵌入式可视化 
  • Meaningful links
    • Links with no text
    • Links titled with a filename
    • 链接的标题只有一般的文字:“这个链接”、“点击这里”、“了解更多”、“下载”等等.
    • 在没有外部链接图标的新窗口中打开的链接
    • 链接中的图片，其全部文字似乎是在描述图片，而不是链接目的地
  • Tables
    • Tables without headers and tables with document headers ("Headers 3") instead of table headers ()
    • Empty table cells
    • Tables used for layout
  • General content quality assurance
    • 由星号、数字和字母而不是列表元素组成的列表
    • AVOID LOTS OF CAPS LOCK TEXT
    • Links to PDFs and other documents, 提醒用户测试下载的可访问性或提供替代方案, accessible format.

Things Editoria11y Can't Check

Some things need old-fashioned proofreading. 需要人工审查的常见内容问题:

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

Editorially Demo

Clickable demo of what an editor would see.