网页内容无障碍指南 (WCAG) 2.2 及其对法国数字内容的影响

Elements
Elements

用 Stripe 的全套丰富 UI 构建块设计安全的支付体验,完美匹配您的网站并帮助您驱动转化率。

了解更多 
  1. 导言
  2. 要点
  3. 什么是 WCAG 2.2?
    1. WCAG 2.1 和 WCAG 2.2 有什么区别?
  4. WCAG 2.2 在法国是强制性的吗?
  5. WCAG 的四大原则是什么?
    1. 可感知
    2. 可操作
    3. 可理解
    4. 稳健
  6. WCAG 2.2 引入了哪些新标准?
  7. WCAG 2.2 的不同级别是什么?
  8. WCAG 2.2 适用于谁?
  9. 为什么企业遵守 WCAG 2.2 如此重要?
  10. 网站所有者 WCAG 清单
  11. Stripe 如何提供帮助

网页内容无障碍指南 (WCAG) 是确保所有人都能访问数字空间的领先国际标准。这是包容残疾人士的关键要求,他们通常需要特定的便利才能感知、理解、使用和贡献数字内容。然而,许多网站和大量在线内容仍然无法访问。

鉴于数字空间日益复杂,有必要确保法国 1200 万残疾人士的网络无障碍。在本文中,我们解释了 WCAG 2.2,即更新后的数字无障碍标准集。特别地,我们涵盖了其对企业的影响,包括遵守指南和企业义务。

要点

  • 网页内容无障碍指南 (WCAG) 是数字无障碍的国际标准。它是一套增强残疾人士在线体验的指南。2.2 版是最新指南,在 2.1 版的基础上增加了九个标准。
  • 尽管法律并未强制要求企业遵守 WCAG,但一些基于该指南的法国和欧洲法律(包括无障碍环境改善通用框架(Référentiel Général d’Amélioration de l’Accessibilité,即 RGAA)和《欧洲无障碍法案》(EAA))规定数字无障碍是强制性的。
  • 要被认为是可访问的,在线内容必须是可感知的、可操作的、可理解的和稳健的。WCAG 2.2 建议保持网页上的帮助功能一致、提供基于路径的手势替代方案、确保焦点指示器可见且清晰标记、创建可区分的触觉元素、提供无障碍身份验证程序并消除多余的任务。
  • WCAG 具有三个合规级别——A、AA 和 AAA,并且面向对国际数字无障碍标准感兴趣的人员。
  • 将 WCAG 标准纳入网站有许多好处,包括更高的自然索引、更广泛的受众和改善的用户体验。

什么是 WCAG 2.2?

WCAG 2.2 是一系列国际指南,旨在使所有人都能访问网页内容,无论用户的身体、认知、心理或感官能力如何。这些指南被认为是数字无障碍和包容性设计的技术标准。

WCAG 2.2 于 2023 年 10 月发布,是万维网联盟 (W3C) 的最新版无障碍指南。它建立在以前版本的基础上,并包含用于创建供残疾人士区分和使用的数字空间的额外标准。

WCAG 2.1 和 WCAG 2.2 有什么区别?

与 WCAG 2.1 相比,WCAG 2.2 引入了九项新标准,以提高网页内容的无障碍性和包容性。这些额外标准涉及行动和认知障碍,旨在补充先前版本的标准。

需要注意的是,WCAG 版本向后兼容。这意味着除了删除的一项标准外,版本 2.0 和 2.1 包含在版本 2.2 中。

WCAG 2.2 在法国是强制性的吗?

WCAG 2.2 指南在法律上不是强制性的,但由此产生的法国和欧洲法律要求某些公共和私营部门实体确保其网络内容可访问。

无障碍环境改善通用框架(Référentiel général d’amélioration de l’accessibilité,即 RGAA) 是 WCAG 的法国改编版。它描述了测试合规性的要求和程序。所有法国政府实体(包括政府机构、市政当局、公共机构和承担公共服务任务的企业)都需要满足特定的无障碍标准。目标是确保每个公民都能公平地获得公共服务和信息,这是一项基本权利。

《欧洲无障碍法案》(EAA)——已由 2023 年 3 月 9 日的 第 2023-171 号法律转化为法国法律——将数字无障碍要求扩展到了私营部门。为产品或在线服务销售提供便利的欧盟企业必须确保残疾人士可以访问其网站、移动端应用和数字服务。这包括电商、银行服务、交通、电子书和视听媒体领域的企业。只有少于 10 名员工且收入低于 200 万欧元的微型企业才可豁免。

WCAG 的四大原则是什么?

WCAG 建立在四个基本原则之上。要让所有人都能访问,网页内容必须是可感知的、可操作的、可理解的和稳健的。

可感知

必须以确保所有用户都能感知的方式呈现内容和组件。具体而言,这意味着网站必须为所有非文本内容(例如图像和图标)提供文本等效内容(例如大字体、盲文、文本转语音、简化的语言或符号)。

网站还必须允许用户根据需要自定义元素而不会丢失信息。他们还必须提供视觉媒体的替代方案,例如字幕和转录。可访问的网站还必须将前景与背景区分开来,并确保两者之间有足够的对比度。

可操作

必须可以使用键盘访问所有数字内容功能,而不需要鼠标。网站开发人员必须为用户提供清晰的导航和浏览方向。他们必须留出时间阅读内容并与之交互,并避免可能导致癫痫发作的元素。

可理解

为了遵守 WCAG,网站必须确保最佳的文本可读性,并帮助用户纠正输入错误。网站需要使用清晰的、描述性的错误消息并标记文本框。

稳健

数字内容必须与当前和未来的辅助技术(例如屏幕阅读器、盲文)兼容,并且必须可由数字程序破译。

WCAG 2.2 引入了哪些新标准?

WCAG 2.2 在 2.1 版的基础上增加了以下新标准:

  • 一致的帮助功能: 如果页面提供帮助、文档或说明以方便导航,则这些功能必须出现在整个网站或应用的同一位置。
  • 基于路径的手势: 网站必须提供拖放动作的替代方案(例如,使用单个指针激活)。
  • 可见焦点: 焦点不能被内容遮挡。理想情况下,它应保持完全可见。
  • 焦点外观: 焦点的周边必须清晰标记,至少 2 个层叠样式表 (CSS) 像素厚,并且焦点与非焦点的对比度至少为 3:1。
  • 目标尺寸: 可点击和触觉元素(例如按钮、图标)的尺寸必须至少为 24 x 24 CSS 像素,并且必须清晰易读。
  • 无障碍身份验证: 不得要求进行认知测试(例如,解决谜题、记住复杂的密码),除非有无障碍替代方案。
  • 冗余输入: 网站必须为重复的文本框提供自动完成或选择功能,以避免多次输入信息。

WCAG 2.2 的不同级别是什么?

WCAG 2.2 具有三个级别:A、AA 和 AAA。A 级是最低要求,AA 级是公认的标准。这也是 EAA 要求的级别。在 AA 级,残疾人士可以舒适地使用数字内容、移动端应用和网站。

AAA 级代表了最高标准的无障碍环境。它超越了法律义务,以提供最佳体验,但在整个复杂网站中很难实现。

WCAG 2.2 适用于谁?

使网站无障碍是一项真正的团队合作,通常涉及多个利益相关者。因此,WCAG 2.2 指南适用于网页内容开发人员、网站编辑工具开发人员、评估网络无障碍工具开发人员,以及任何对网络或移动端无障碍技术标准感兴趣的人。

为什么企业遵守 WCAG 2.2 如此重要?

遵守 WCAG 2.2 的企业会获得很多好处:

  • 满足法律监管合规要求(例如 EAA、RGAA)
  • 更广泛的受众
  • 更高的自然索引排名,因为搜索引擎和 AI 工具可以更轻松地读取无障碍网站
  • 更好的用户体验和积极的品牌形象,这有助于建立信任、提高转化率、留住客户并提高长期盈利能力

网站所有者 WCAG 清单

可以使用审计工具、第三方或清单来创建符合 WCAG AA 级别的内容。以下是关键标准:

  • 无需鼠标即可进行网站导航
  • 每个元素的焦点可见
  • 充足的对比度
  • 带有标签的文本框
  • 对所需信息或自动完成功能的单次输入
  • 拼图和密码的替代方案
  • 较大的可点击区域
  • 图像和视觉媒体的替代文本
  • 放大或缩小时界面清晰可用
  • 兼容辅助技术
  • 充足的时间来阅读和使用内容
  • 基于路径手势的替代方案
  • 跨网页的导航保持一致
  • 描述性错误消息

Stripe 如何提供帮助

Stripe Elements 允许您使用模块化界面自定义支付页面的组件。借助 Elements,您可以轻松地将无障碍功能合并到结账中,例如描述性错误消息、自动完成和可访问的富互联网应用 (ARIA) 标签,无论是在桌面还是移动端。您还可以修改组件的字体、颜色和间距以满足法律要求。

Stripe 还提供快捷支付选项,可处理多种支付方式并加快客户支付速度。

本文中的内容仅供一般信息和教育目的,不应被解释为法律或税务建议。Stripe 不保证或担保文章中信息的准确性、完整性、充分性或时效性。您应该寻求在您的司法管辖区获得执业许可的合格律师或会计师的建议,以就您的特定情况提供建议。

更多文章

  • 出错了。请重试或联系支持人员。

准备好开始了?

创建账户即可开始收款,无需签署合同或填写银行信息。您也可以联系我们,为您的企业定制专属支付解决方案。
Elements

Element

Stripe Element 提供全套丰富的 UI 构建模块,用于设计安全的支付体验,完美匹配您的网站并帮助您驱动转化率。

Element 文档

使用预构建的 UI 组件打造您自己的结账流程。