数字无障碍是指设计和构建您的数字产品,以便无论用户的心理或身体能力如何,都仍然可以以有意义且均等的方式与您的网站、应用或其他数字产品互动。
但是,如何衡量数字产品的无障碍性呢?你如何判断某项内容何时可以访问?
无障碍功能测试简介
您可以通过多种方式测试数字产品的无障碍功能。一种基本方法是根据一组无障碍功能标准对其进行评估。
无障碍功能标准有很多种。通常,您的行业、产品类型、当地/国家/地区的法律和政策或整体的无障碍目标将决定要遵循哪组准则和要满足的级别。如果您的项目不需要特定标准,则标准建议是遵循最新版本的网络内容无障碍指南 (WCAG)。
根据无障碍功能标准和一致性级别测试您的数字产品通常称为无障碍功能审核。无障碍功能审核使用各种方法、技术和工具,包括设计测试、自动化测试、手动测试和辅助技术 (AT) 测试。
执行无障碍功能审核,了解数字产品的基准无障碍功能合规性。但是,在项目开始时运行一次此测试不足以确定产品是否可访问。您应该在整个软件产品生命周期内多次运行此审核,以根据一组预先确定的无障碍功能检查点或准则检查一致性水平的变化。
《网络内容无障碍指南》(WCAG)
《网络内容无障碍指南》(WCAG) 是由 W3C 与个人和组织合作制定的一套国际无障碍标准。WCAG 的目标是为数字无障碍提供单一的通用标准,以满足全球个人、组织和政府的需求。
WCAG 主要面向网页版和原生移动应用的设计人员和开发者。但是,许多其他人(包括软件开发者、内容创作者/编辑人员以及各级管理人员)都可以通过了解基于 WCAG 的技术并将其应用于他们的流程而获益。您的角色可能还需要遵循其他 W3C 标准,包括创作工具无障碍功能指南 (ATAG) 和用户代理无障碍指南 (UAAG),因此请务必查看 W3C 标准列表,并使用与您的角色和项目最相符的标准。
在无障碍功能方面,WCAG 被视为一致性测试的“黄金标准”。WCAG 的初稿于 1999 年发布。当前版本为 2018 年 6 月发布的 WCAG 2.1,而 WCAG 2.2 计划于 2023 年发布。我们正在为未来版本草拟该准则的完全修订版本 WCAG 3.0,但预计在未来几年内不会成为完整的 W3C 标准。
WCAG 准则有三个级别的合格标准:A、AA 和 AAA。成功标准决定了是否符合 WCAG。为了符合 WCAG 一致性,您测试的数字产品需要满足目标级别的成功标准。
30
合格标准
20
AA 成功标准
28
AAA 成功标准
现行标准 (WCAG 2.1) 总共有 78 个合格标准,每个级别分为两类。请务必注意,每个级别都是渐进式,这意味着,如果您的无障碍功能目标是 AA,您必须通过 A 和 AA 的成功标准才能实现此级别的一致性。
30
通过 A 级
50
通过 A + AA 级
78
通过 A + AA + AAA 级
无障碍原则
WCAG 成功标准是一组非常重要的详细指南,用于指导设计人员和开发者如何创建无障碍网站和应用。了解这些准则对于解决无障碍功能合规性测试中出现的问题至关重要,但这些准则很快就会变得技术性很强。
如果您不熟悉这一领域,请先了解 WCAG 的原则:可感知、可操作、可理解和稳健 (POUR)。通过将 POUR 原则应用于您的数字产品,您可以重点关注真人(包括残障人士)如何使用您的产品。
![可感知、可操作、易于理解和可靠且相互关联。](https://web.developers.google.cn/static/learn/accessibility/measure/image/perceivable-operable-un-3ca2c38c67bb1.png?authuser=6&hl=da)
![可感知性由眼镜表示,但使用多个视频片段来理解屏幕上的内容。](https://web.developers.google.cn/static/learn/accessibility/measure/image/perceivable-is-represente-b73cedede9121.png?authuser=6&hl=da)
“POUR”中的第一个类别是“可感知”。这一原则指出,用户必须能够感知屏幕上的所有重要信息,并且必须传达给多种感官。
问问自己:您的数字产品中是否有任何残障人士无法感知的内容或功能?请务必考虑所有不同类型的残障:视觉、行动不便、听力、认知和语言障碍,以及前庭和癫痫等。
可感知的示例:
- 为所有非装饰型图片和基本图标添加替代文字。
- 为视频添加字幕、转写内容和语音描述。
- 确保颜色并不是表达意义的唯一方法。
![可操作由键盘表示,但还有许多接口和软件可用于进行交互。](https://web.developers.google.cn/static/learn/accessibility/measure/image/operable-is-represented-25d61035f29ea.png?authuser=6&hl=da)
第二个类别为“可操作”。根据这一原则,用户必须能操作数字产品的界面。界面不得要求用户无法执行的互动操作。
问问自己:用户能否控制您的数字产品的互动元素?有没有焦点顺序问题或键盘陷阱?触摸界面如何处理?
可操作的示例:
- 为所有使用中的元素添加键盘和触摸屏支持。
- 确保幻灯片和视频具有所有必要的控件。
- 为用户提供足够的时间来填写表单或采用某种方法,以延长时间。
![可理解的图标由一个头部以及彩色相连的圆点表示。](https://web.developers.google.cn/static/learn/accessibility/measure/image/understandable-is-represe-1058f406bb95d.png?authuser=6&hl=da)
POUR 的第三类是“可理解”。对于这一原则,用户必须了解界面的信息和操作。
问问自己:所有内容是否清楚明确?所有交互是否都易于理解?对于视力正常的用户、仅使用键盘的用户以及屏幕阅读器用户,页面顺序是否有意义?
“易于理解”的示例:
- 撰写内容要简单:不要使用复杂的字词,而要使用简单的字词。
- 确保您的数字商品具有可预测的导航方式。
- 确保错误消息清晰明了且易于解决。
![健全](https://web.developers.google.cn/static/learn/accessibility/measure/image/robust-f65ed074e7301.png?authuser=6&hl=da)
最后一个类别是“稳健”。这一原则侧重于支持辅助技术,并确保随着设备和用户代理的发展,数字产品仍然可用。
问问自己:您目前支持哪些类型的辅助技术?您的数字商品是否仅支持最新的浏览器或操作系统? 它是否适用于所有断点和不同的设备屏幕方向?
可靠示例:
- 测试纯键盘导航。
- 使用不同的屏幕阅读器技术进行测试。
- 确保无论设备尺寸或屏幕方向如何,都可以访问所有内容和功能。
请注意,POUR 的全部意义并不是严格遵守硬性规定。而是帮助您了解和满足用户的多样化需求。
检查您的掌握程度
测试您在衡量无障碍方面的知识
WCAG 表现的顶级表现是什么?
可操作的示例有哪些?