Learn Accessibility系列 - 如何衡量数字无障碍?

375 阅读3分钟

在上一文中,我们提到了数字无障碍的重要性,也就是解释了WHY,那接下来我们需要一套标准来衡量数字无障碍,也就是HOW,告诉我们应该怎么做。

Web Content Accessibility Guidelines(WCAG)

网页内容无障碍指南:WCAG 是通过W3C流程与世界各地的个人和组织合作开发的,其目标是为满足国际个人,组织和政府需求的Web内容无障碍性提供共享标准。

WCAG 的第一稿于1999年发布。目前的版本是2018年6月发布的 WCAG2.1,而 WCAG2.2计划在2023年发布。WCAG3.0是指南的一个完全修订版本,目前正在为将来的版本起草中,但预计在未来几年内不会成为一个完整的 W3C 标准。

所以,Web内容无障碍指南(WCAG)涵盖了使Web内容更易于访问的各种建议。遵循这些准则将使更多残疾人更容易获取网站内容,其中包括失明和弱视、耳聋和听力丧失、运动受限、言语障碍、光敏性和多种残疾组合的残疾人,以及有学习障碍和认知局限的残疾人; 但不会满足这些残疾用户的所有需求。这些准则旨在解决台式机,笔记本电脑,平板电脑和移动设备上的Web内容的无障碍问题。遵循这些准则通常也会使网站内容对用户更有用。

无障碍原则

WCAG提炼出无障碍原则,通过遵循或者理解这些指导原则,有助于我们提升产品的可访问性。

image.png

可感知性

image.png

POUR第一个就是可感知性。这一原则规定,用户必须能够感知屏幕上的所有基本信息,而且必须将这些信息传达给多种感官。

所以你可以思考下你的产品是给一些有特定残疾的人使用,它们是否可以正常使用。

我们可以通过一些准则或者示例说明:

  • 为所有非文本内容提供替代文本,使其可以转化为人们需要的其他形式,如大字体印刷,盲文,语音,符号或更简单的语言。
  • 为时基媒体提供替代品。
  • 创建可用不同方式呈现的内容而不会丢失信息或者结构。
  • 使用户更容易看的或者听到你的内容。

可操作性

image.png

用户界面组件和导航必须是可操作的。

比如

  • 为所有活动元素提供键盘支持或者触摸屏支持。
  • 给用户足够的时间来填写表单。
  • 提供帮助用户导航、查找内容、并确定其位置的方法。

可理解性

image.png

信息和用户界面操作对用户必须是可理解的。

比如:

  • 使文本内容可读,可理解。尽量不使用复杂或者专业的词汇。
  • 让网页以可预见的方式呈现和操作。
  • 帮助用户避免和纠正错误。

鲁棒性

image.png

你的产品内容必须健壮到可信地被种类繁多的用户代理(包括辅助技术)所解释。

比如:

  • 使用不同的屏幕阅读器技术进行测试。
  • 使用不同尺寸的设备或者任意方向都可以访问你产品的所有内容。
  • 测试验证你的键盘导航 是否可用。

最重要的是:POUR 的全部意义不在于严格遵守严格的规则。相反,它是一种帮助您理解和满足用户多样化需求的方法。

image.png

参考文献