Drupal 8 Web Accessibility – 为什么我们喜欢它,为什么你也应该关心它

已发表: 2020-03-04

Web 可访问性在 Drupal 的价值观和原则中根深蒂固。 从 Drupal 7 开始,Web 可访问性计划通过 Drupal 8 取得了很大进展。为什么网站可访问性如此重要? Drupal 8 如何确保网站可访问性? 让我们深入回答您的所有问题。

Web 的力量在于它的普遍性。 无论是否残疾,每个人都可以访问是一个重要方面。 - Tim Berners Lee,万维网的发明者。

我们今天所知道的互联网已经有 11315 天了! 最初的构想是为了满足世界各地大学和研究所科学家之间自动共享信息的需求,如今互联网已成为全球超过 30 亿人不可或缺的一部分。 由于各种原因,从社交网络到收集项目信息,当今的互联网可以说是人类已知的最强大的资源。

多年来,聊天机器人和机器学习应用的蓬勃发展促使企业以网站的形式打造其在线形象,并使用人工智能来获得更好的客户体验。 这并不奇怪,因为近年来,聊天或消息传递已取代社交媒体成为想要联系企业的用户的“首选”选项。

但是你有没有停下来想过,每个人都可以访问网络吗?

现在是 2018 年,我想知道,为什么网络可访问性仍然更少,好吧,可访问性? 作为一家企业,竞争激烈的市场促使您接触尽可能多的人来推广您的品牌。 更多的障碍降低了接触潜在客户的机会。 这基本上是网络可访问性背后的概念:消除观众面临的障碍。

什么是 Web 可访问性?

通常,人们使用屏幕阅读器或视觉障碍来提及网络可访问性。 但是,它涵盖的主题范围很广,而且还不止这些。 例如,让一个人在晴天看到屏幕的适当屏幕对比度是一个用例,适用于视力正常的人而不是残障人士。

万维网联盟引入了一些指导方针来实现一定程度的可访问性,以确保网站尽可能有用。 WCAG 2.0 于 1999 年发布为 1.0 版,随后在 2008 年发布为 2.0 版,在谈论 Web 可访问性和您向用户提供的信息时,WCAG 2.0 被普遍接受为衡量标准。

网络可访问性

Web 可访问性的重要性

随着互联网在人们生活中的重要性日益增加,如果您想传达的内容(基本上是您的内容)对每个人来说都不容易获得,那么您甚至在观众上门之前就将他们拒之门外。 例如,像手骨折或暂时失明这样简单的事情可能会导致难以浏览网络。

虽然 Web 可访问性不仅适用于残障人士,这一事实引起了很大的共鸣,但企业需要知道,完全可访问的网站的灵活和响应式设计对每个人都有好处。 Web 可访问性标准旨在促进包容性,Drupal 在支持和促进包容性方面设定了基准。

important_of_web_accessibility

Drupal 如何提供帮助?

Drupal CMS 是一种基于 Web 的 SaaS,能够以系统的方式组织和管理组织的 Web 内容。 万维网联盟的指南分为两部分 - ATAG 2.0 处理创作工具,WCAG 2.0 处理 Web 内容并被开发人员和可访问性评估工具广泛使用。 作为一个平台,Drupal CMS 的构建符合这两个准则。 虽然可访问性计划始于 Drupal 7,但 Drupal 8 解决了一些最佳的可访问性功能。

Drupal 8 辅助功能和模块

最先进的 Drupal 版本使您的网站比以往任何时候都更有可能被辅助技术和依赖它们的用户访问。 Drupal 8 通过各种核心和贡献模块扩展了可访问性。

更好的对比度

较差的对比度通常被开发人员引用为最常被忽视的功能。 然而,在 Drupal 8 中,由于 Drupal 的可访问性维护者,核心主题具有更高的对比度。 随着对比度的提高,患有色盲的用户可以轻松地访问网站。 此外,当使用移动电话或标签等便携式设备在明亮的阳光下访问网站时,此功能是一个额外的优势。

形式

填写表单时出错是影响用户界面的最常见因素之一。 使用新标准,识别这些错误变得更加容易。 通过使用更好的表单验证错误措辞,Drupal 8 提供了一个选项来打开此功能,以提高与表单错误显示相关的可访问性。 例如,视力受损的人现在可以轻松识别他在填写网络表单时可能犯了哪些错误。

按钮而不是链接

许多网站所有者的常见做法是使用锚文本作为“号召性用语”而不是按钮。 从语义的角度来看,使用按钮而不是锚文本更合乎逻辑,因为这些用户界面元素是面向操作的。 因此,Drupal 8 要求此措施使用按钮而不是链接。 这个由 Drupal 8 设置的新标准可以在不严重依赖 WAI-ARIA 的情况下进行处理,WAI-ARIA 可用于识别某些元素的用途。

其他 Drupal 8 辅助功能

替代文字(Alternative text)通常是指用来描述特定图像的文字。 虽然在页面上不可见或不呈现,但这些替代文本被屏幕阅读器等工具使用,并且是 Web 可访问性的重要资产。 此功能在 Drupal 8 中默认设置为“必需”,可帮助视障观众借助文本了解图像的全部内容。

TabbingManager是一项功能,可以限制选项卡并将非可视用户引导到重要的“可选项卡”页面元素。 这对于喜欢使用键盘上的 Tab 键而不是鼠标的用户很有用。

Aural Alerts功能是一个 Javascript 函数,如果页面上有任何更改(否则屏幕阅读器上不会注意到),它会向听觉用户传递断言或礼貌的消息/指令。

布局生成器模块

布局构建器是最强大和最受欢迎的 Drupal 8 模块之一,被内容构建器广泛使用。 它提供简单而强大的页面构建功能,允许站点构建器构建自定义页面、创建和覆盖可重用模板、精细自定义等等。 自 Drupal 8.7 发布以来,它一直很稳定,并且是核心。

作为 Drupal 对包容性和可访问性承诺的一部分,Layout Builder 符合 WCAG 2.0 AA 中设置的所有准则(需要满足 Web 内容可访问性准则的 AA 级别)。 只有通过“可访问性门”,该模块才作为稳定版本发布。 这是 Drupal 社区做出并适当履行的承诺。

CKEditor 辅助功能检查器模块

CKEditor Accessibility Checker 模块是一个贡献的 Drupal 8 模块,它允许您测试 CKEditor 中内容的可访问性级别。 它不仅检测网站可访问性中的问题区域; 它还可以帮助您解决它们以获得更好的可访问性构造。 它利用 CKEditor.com 的 Accessibility Checker 插件来执行这些功能。

ckeditor_module
图片来源:Drupal.org

站点改进模块

Siteimprove 是一个 Drupal 8 贡献的模块,它提供了一个插件来将您的 Drupal 网站连接到 Siteimprove 智能平台。 Siteimprove 是一款 Digital Presence Optimization 软件,可提供惊人的洞察力,不仅有助于提高 Web 可访问性合规性,还有助于提高网站流量、内容质量、性能等。

文本调整模块

这是一个用于 Web 可访问性的 Drupal 模块,广泛用于 Drupal 7 和 Drupal 8 项目。 它允许用户通过单击按钮来增大或减小网页的字体大小。 它在很大程度上帮助视障用户,因为他们能够调整适合他们视力的文本大小。

text_resize_module
图片来源:Drupal.org


Drupal 中 Web 可访问性的未来

多年来,Drupal 通过其几个主要版本在实现 Web 可访问性方面迈出了重要的一步,并且是 Web 可访问性标准的领先实现之一。 由于 Web 可访问性是影响用户界面和企业接触最多受众的能力的主要因素之一,因此 Drupal 核心的几项战略举措肯定会塑造人们与网站交互方式的未来。 一些值得注意的包括:

  • 无需整页刷新即可呈现的类似应用程序的界面和各种 UI 交互:滑动面板、自动对焦、实时结果过滤器、拖放、弹出成功消息、实时预览、类似向导的进度步骤和角色模拟.
  • 使用无头浏览器驱动程序进行自动化测试。
  • 支持更多交互模式,如MS Windows的高对比度模式,语音驱动控制。
  • 最终用户的可访问性测试
  • 主题组件库计划涉及对 Drupal 如何产生输出的大量重构。