什么是无障碍,为什么它很重要

引言

在本教程中,你将了解无障碍性:它是什么、为什么重要,以及无障碍网站如何惠及所有人。

首先,讲一下“是什么”。作为数字无障碍性的一个子集,网页无障碍性意味着构建所有人都能使用的网站,无论其能力如何。在最普遍、最直接的意义上,无障碍性保证了内容和服务的普遍和平等访问。

技术术语

在学习或实践无障碍性时,你会遇到一些技术术语。我们来澄清一下:

  • A11Y 是“accessibility”一词的数字缩写,其中“11”代表字母“a”和“y”之间的字母数量。
  • WCAG 是“网页内容无障碍指南”的缩写,这是一套由 W3C 制定的国际无障碍标准。
  • WCAG 的基本原则被称为 POUR:可感知(Perceivable)、可操作(Operable)、可理解(Understandable)和健壮性(Robust):
    1. 可感知意味着传递信息的方式要让任何人都能理解。例如,为图像或视频等视听内容提供文本替代方案。
    2. 可操作指的是让人们能够使用界面并与网站进行交互。例如,支持键盘功能,而不仅仅是鼠标交互。
    3. 可理解确保人们能够理解信息并使用界面。例如,表单元素需要对应的标签来传达清晰的指示。
    4. 健壮性意味着随着技术的发展和演进,内容仍然保持可访问。例如,使用正确的标记来确保与当前和未来的浏览器及辅助技术的兼容性。

常见误解

所有这些听起来都很合理,但企业和网站开发者却常常以常见的误解为由而犹豫不决。是时候纠正这些错误观念了:

  1. 无障碍性很难。是的,编码、写作和制作舒芙蕾也很难。尽管如此,人类几十年来甚至几个世纪以来都成功完成了这些任务。
  2. 无障碍性 = 设计糟糕的网站。一个无障碍的网站可以像你的技能和项目要求所允许的那样美观。
  3. 无障碍合规成本高昂。有时确实如此。这就是为什么应该从一开始就创建包容性体验。将其视为事后补救——比如在发布前用插件“解决”问题——总是更不明智且成本更高的做法。
  4. 无障碍性是可选项。恰恰相反,它对网站的重要性不亚于客户的品牌形象、团队的编码标准或你语言的语法规则。你不会故意引入错误,那为什么要让东西变得不可访问呢?

更好的思考方式是将无障碍性视为“同理心”的代号。这样,它就变得难以忽视且易于采纳。它不仅仅是法律合规、商业责任和财务影响——它关乎基本人权。

统计数据

2006 年,联合国《残疾人权利公约》将获取信息和通信技术定义为一项基本人权。

根据 W3C 2018 年的报告,全球有超过 10 亿残疾人。

WebAIM 的最新报告发现,排名前百万的首页中有 95.9% 存在无障碍问题。检测到的错误中有 96.4% 属于以下六类:

低对比度文本 图像缺少替代文本
缺少表单输入标签 空链接
空按钮 未设置文档语言

自 1999 年 WCAG 1.0 发布以来的 25 年里,这六个问题一直困扰着网络。

为什么重要

无障碍性在许多国家不仅是法律要求,而且对商业也有好处。残疾人拥有巨大的消费能力。然而,绝大多数网站都忽略了他们的需求——以下演示有助于说明他们许多人需要克服的一些困难:

  1. 在第一个示例中,我们将看到非视障用户(在最佳条件下)如何查看页面。设计包括非默认样式:小字体、无下划线链接以及不足的颜色对比。如果这对非视障人士来说都不易导航,那么对视障人士来说会有多困难呢?
  2. 接下来的两个示例模拟了视力缺陷用户如何查看页面。第一个示例展示了低对比度、小字体和无下划线链接的影响。在第二个示例中,我们将看到有时屏幕可能完全模糊。
  3. 在下一个示例中,我在一篇文章中添加了一个手风琴组件,然后用鼠标与之交互。接着,我禁用了浏览器中的 JavaScript(在 0:09 处),并尝试与之交互。如视频所示,没有 JavaScript 就无法使用。
  4. 在最后一个例子中,我模拟了用户使用键盘浏览页面,通过 Tab 键向前移动,Shift + Tab 键向后移动。链接、搜索表单和 YouTube 视频在聚焦时都有正确的标记,但 “是/否”按钮却没有。当开发者/设计师改变交互元素(本例中为按钮)的默认样式,隐藏聚焦元素的视觉指示时,用户就无法判断它们是否处于激活状态。

关键在于,无障碍网站并非额外福利——它们对我们许多人来说是必不可少的。残疾的范围和人类本身一样多样,涵盖从身体到认知到心理的各个方面。从永久性失明到与年龄相关的视力障碍,从暂时性听力损失到注意力难以集中,从手腕骨折到癫痫,从阅读障碍到多动症,从色盲到多发性硬化症。

这意味着有大量的人无法填写表单、浏览网站、识别文本中的链接、辨别图像、收听播客和观看视频,或者将商品加入购物车。

结论

无障碍性,即使仅局限于网络领域,也是一个广泛且多层面的主题,不可能在几分钟内涵盖所有内容。我们鼓励你进一步学习——阅读、实验,并倡导变革。由于网络上超过三分之一的热门网站使用 WordPress,我们的社区在让网络更加无障碍方面发挥着关键作用。你不需要成为(认证的)无障碍专家。任何参与在线创作的人都可以做出改变。在下一课中,你将学习非技术用户如何在不接触一行代码的情况下提供帮助。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注