数字无障碍性如何衡量?

数字无障碍性意味着设计和构建您的数字产品,以便无论个人的心理或身体能力如何,他们仍然可以以有意义且平等的方式与您的网站、应用或其他数字产品进行互动。

但是,您如何衡量数字产品的无障碍性?您如何知道某项内容是否具有无障碍性?

无障碍性测试简介

有很多方法可以测试数字产品的无障碍性。一种基本方法是根据一组无障碍性标准对其进行评估。

无障碍性标准有很多种类型。通常,您的行业、产品类型、当地和国家/地区的 法律政策,或总体无障碍性目标会决定要遵循哪组指南以及要达到的级别。如果您的项目没有特定的标准要求,则标准建议是遵循最新版本的 Web 内容无障碍指南 (WCAG)

根据无障碍性标准和一致性级别测试您的数字产品通常称为无障碍性审核。无障碍性审核使用各种方法、技术和工具,包括设计、自动化、手动和辅助技术 (AT) 测试。

执行无障碍性审核以捕获数字产品的基准无障碍性合规性。但是,在项目开始时运行一次不足以确定产品是否具有无障碍性。您应该在整个软件产品生命周期中多次运行此审核,以检查针对一组预先确定的无障碍性检查点或指南的一致性级别的变化。

Web 内容无障碍指南 (WCAG)

Web 内容无障碍指南 (WCAG) 是一套国际无障碍性标准,由 W3C 与个人和组织合作制定。WCAG 的目标是为数字无障碍性提供一个单一的共享标准,以满足全球个人、组织和政府的需求。

WCAG 主要面向基于 Web 和原生移动应用的设计师和开发者。但是,包括软件开发者、内容创建者/编辑以及各级管理人员在内的许多其他人都可以从理解和应用基于 WCAG 的技术到他们的流程中受益。其他 W3C 标准可能适用于您的角色,包括 创作工具无障碍指南 (ATAG)用户代理无障碍指南 (UAAG),因此请务必查看 W3C 标准列表,并使用最适合您的角色和项目的标准。

在无障碍性方面,WCAG 被认为是符合性测试的“黄金标准”。WCAG 的第一个草案 于 1999 年发布。当前版本是 WCAG 2.2WCAG 3.0 截至 2024 年 5 月有一个探索性草案,但预计在未来几年内不会成为完整的 W3C 标准。

WCAG 指南有三个级别的成功标准:A、AA 和 AAA。成功标准决定了对 WCAG 的符合性。要符合 WCAG,您正在测试的数字产品需要满足您的目标级别的成功标准。

    30

    A 级成功标准

    20

    AA 级成功标准

    28

    AAA 级成功标准

对于当前标准 (WCAG 2.2),总共有 87 个成功标准,分布在每个级别中。重要的是要注意,每个级别都是递进的,这意味着如果您的无障碍性目标是 AA 级,则您必须通过 A 级和 AA 级的成功标准才能达到此符合性级别。

    30

    通过 A 级

    50

    通过 A + AA 级

    78

    通过 A + AA + AAA 级

无障碍性原则

WCAG 成功标准是一组非常重要的详细指南,它告知设计师和开发者如何创建无障碍网站和应用。理解这些指南对于解决无障碍性合规性测试中出现的问题至关重要,但这些指南很快就会变得非常技术性。

如果您是这个领域的新手,请从 WCAG 的原则开始——可感知性、可操作性、可理解性和稳健性 (POUR)。通过将 POUR 原则应用于您的数字产品,您可以专注于真实用户(包括残障人士)如何使用您的产品。

可感知性、可操作性、可理解性和稳健性彼此关联。

可感知性

Perceivable is represented by glasses, but multiple sesnes are used to understand content on a screen.

POUR 中的第一个类别是可感知性。此原则指出,用户必须能够感知屏幕上的所有基本信息,并且必须通过多种感官传达信息。

问问自己:您的数字产品中是否有任何内容或功能是特定残障人士无法感知的?请务必考虑所有不同类型的残疾——视觉、行动、听力、认知和言语障碍、前庭和癫痫发作障碍等等。

示例

  • 为所有非装饰性图像和基本图标添加文本替代方案。
  • 为视频添加字幕、文字稿和音频描述。
  • 确保颜色不是传达含义的唯一方法。

可操作性

Operable is represented by a keyboard, but there are a number of
  interfaces and softwares one may use to interact.

第二个类别是可操作性。对于此原则,用户必须能够操作数字产品的界面。界面不能要求用户无法执行的交互。

问问自己:用户可以控制您的数字产品的交互元素吗?是否存在任何焦点顺序问题或键盘陷阱?触摸界面是如何处理的?

可操作性示例

  • 为所有活动元素添加键盘和触摸屏支持。
  • 确保幻灯片和视频具有所有必要的控件。
  • 给用户足够的时间填写表格,或提供延长时间的方法。

可理解性

Understandable is represented by a head with colorful connected dots.

POUR 的第三个类别是可理解性。对于此原则,用户必须理解信息和用户界面的操作。

问问自己:所有内容是否清晰易懂?所有交互是否都易于理解?页面的顺序是否合理——对于视力正常的用户、仅使用键盘的用户、屏幕阅读器用户?

示例

  • 写作要简洁。当简单的词语可以表达意思时,不要使用复杂的词语。
  • 确保您的数字产品具有可预测的导航。
  • 确保错误消息清晰易于解决。

稳健性

Robust

最后一个类别是稳健性。此原则侧重于支持辅助技术,并确保随着设备和用户代理的发展,数字产品仍然具有无障碍性。

问问自己:您支持哪些类型的辅助技术?您的数字产品是否仅适用于最新的浏览器或操作系统?它是否适用于所有断点和不同的设备方向?

示例

  • 测试仅键盘导航。
  • 使用不同的屏幕阅读器技术进行测试。
  • 确保可以访问所有内容和功能,无论设备尺寸或方向如何。

结论

请记住,POUR 的重点不是严格遵守死板的规则。相反,这是一种帮助您理解和满足用户多样化需求的方式。

检查您的理解

测试您衡量无障碍性的知识。

WCAG 性能的最高级别是什么?

AAA 级
是的!
A 级
A 级是 WCAG 标准的最基本级别,包含 30 个标准。
POUR
POUR 是一组原则,旨在帮助您关注产品的使用方式。但是,这不是可衡量的标准。

可操作性的例子有哪些?

用户有足够的时间完成表单。
是的!
使用了简单的语言。
再试一次。
所有活动元素都具有键盘和触摸屏支持。
是的!
所有视频都有控件。
是的!