RGAA 与回归测试:如何让网站在每次发布后依然无障碍合规(无代码)

RGAA 与回归测试:如何让网站在每次发布后依然无障碍合规(无代码)

RGAA(Référentiel général d'amélioration de l'accessibilité,法国数字无障碍改善通用标准):法国官方的数字无障碍规范,把 WCAG 的无障碍要求细化成 106 条可核查的标准,适用于法国公共服务机构,2025 年起也适用于众多法国私营企业。RGAA 是 WCAG 在法国的本地化落地——其判定逻辑同样适用于国际通用的 WCAG 2.x 标准,方向上也与中国的 GB/T 37668 一致。一次 RGAA 审计只是给某一时刻的合规状态拍一张快照;回归测试才是让这个状态在每次发布之间都保持住的手段。

大多数丢失 RGAA 合规状态的网站,不是在审计当天丢的,而是六周之后——某个组件被重构、某套主题被更新、某个品牌色被换掉,没有人重新跑一遍这 106 条标准。这篇文章列出实践中最容易回归的标准,区分哪些能由自动化工具核查、哪些仍然需要人工判断,并说明如何在不写代码的情况下,把无障碍纳入回归测试轮次。

一页读懂——定义、无代码自动化、如何选择工具:无代码自动化回归测试

上一次 RGAA 审计是三个月前的事,这期间您已经发布过好几次了? Delta-QA 在每次发布时自动重放您的操作路径,标出发生变化的对比度、文案、焦点和被隐藏的元素,无需写代码。免费使用 Delta-QA →


RGAA 合规状态为什么会慢慢流失

一次 RGAA 审计是一份现状清单:专家抽样检查一批页面,逐条评估每个标准。结果在审计当天是真实的。之后,网站还在继续变化:

  • 设计系统更新 改了次要按钮的颜色——对比度跌到 4.5:1 以下;
  • 联系表单改版 用占位文字(placeholder)取代了标签——标签消失了;
  • 新的菜单组件 把键盘焦点指示器盖住了;
  • 一次“优化” 删掉了看似“没用”的 alt 文本,而它其实承载着含义;
  • 深色主题 上线时,没人核查过对比度。

这些改动没有一个是“无障碍项目”。但每一个都让某条标准发生了回归。这正是回归问题的本质:原本符合的东西不再符合,而且没有人做出过这个决定。

实践中最容易回归的 RGAA 标准

现场经验显示,106 条标准里,一小部分主题集中了发布后的大多数回归:

RGAA 主题 典型标准 实践中被什么破坏 能否自动检测
颜色(3.x) 文字/背景对比度 ≥ 4.5:1;信息不能只靠颜色传达 新配色方案、深色主题、“禁用”状态颜色太浅 能——对比渲染结果和计算出的颜色
图片(1.x) 有意义的替代文本 组件改版,图片变成装饰性或反过来 部分能——alt 缺失能测,alt 是否恰当不能
表单(11.x) 标签可见并正确关联;错误提示可辨识 用占位文字取代标签、错误状态丢失 能——表单状态和错误提示的渲染
导航(12.x) 焦点可见;Tab 顺序合理 CSS 重置、第三方组件、outline: none 能——捕获焦点状态
呈现(10.x) 200% 缩放下可读;320px 宽度下内容不丢失 CSS 网格改动、文字截断、内容溢出 能——多宽度、多缩放级别下的渲染
结构化(9.x) 标题层级合理 某个组件把 h2 降级成了 div 部分能——结构变化是否可见因情况而定
必备元素(8.x) 页面语言、页面标题 页面模板被改动 能——显示的值和属性

两点启发。第一,RGAA 的回归大多数是界面层面的回归:肉眼能看到的东西(对比度、焦点、文字截断、表单错误提示)。第二,有一部分始终需要人工判断(alt 文本是否恰当、标签是否清晰易懂):工具代替不了审计,它防止的是审计结果过期作废。

自动化回归测试能核查什么,不能核查什么

一次自动化回归测试,在每次发布时对比参考页面的状态和最新状态。应用到无障碍场景:

能检测:对比度下降、文字变小、焦点指示器消失、错误提示不再显示、某个元素被隐藏、页面在 320px 宽度或 200% 缩放下排版失控、显示的值发生变化(语言、标题)。

不能检测:某段替代文本是否恰当、某个标签是否易懂、阅读顺序是否合理。这些判断属于审计和真实用户测试的范畴。

它补充了 DOM 分析工具(axe-core、Pa11y、Wave):这些工具读取结构,标出违反的规则;回归测试核查的是实际渲染结果,标出相对于一个已确认参考版本的变化——哪怕结构完全正确,只要显示效果出现了回归,它照样能发现。深入阅读:回归测试与 WCAG 无障碍合规

想让 RGAA 审计结果在每次设计系统更新之后依然成立? 把您的参考操作路径录入 Delta-QA,每次发布都会被自动对比,对比度、焦点和状态都在核查范围内。免费方案:每月 100 个检查点,无需信用卡。免费使用 Delta-QA →

无代码搭建 RGAA 回归测试

  1. 从审计结果出发。 被抽样审计过的页面,就是您的参考页面。再加上关键操作路径:联系表单、身份验证、搜索、核心业务流程。
  2. 录制真正重要的状态。 空表单、报错状态、验证通过的表单;打开的菜单;处于键盘焦点的元素;如果有深色主题,也要录制。用无代码工具,每个状态都只是一次录制下来的操作路径。
  3. 覆盖不同宽度和缩放级别。 320px(对应标准 10.11)、1024px,以及 200% 缩放下的渲染(对应标准 10.4):同一个场景,多套配置。
  4. 每个候选发布版本都要重放。 上线前在预发布环境执行;生产环境按固定周期执行,用来捕捉那些没有走发布流程的改动(CMS、第三方组件、CDN)。
  5. 对每个差异做判断。 报告以并排方式展示变化;团队来决定:这是需要修复的回归,还是需要确认为新参考版本的正常演进。
  6. 保留人工审计。 完整的 RGAA 审计仍然需要按固定周期、以及在每次重大改版时进行;回归测试要做的是,让两次审计之间不会有东西在无声无息中变差。

在 Delta-QA,对比结果由一套确定性 AI——不是 LLM 完成:一套专有算法,没有训练模型,只报出人眼真正会注意到的差异,每次运行都给出相同的判定。对公共机构和受监管行业,On-Premise 版本能让截图和报告都留在您自己的网络内。行业指南:面向政府和公共部门的回归测试

常见问题

RGAA 是什么?

RGAA(法国数字无障碍改善通用标准)是法国官方的数字无障碍规范,把 WCAG 的要求细化成 106 条可核查的标准,适用于法国公共服务机构和众多私营企业。它是 WCAG 的法国本地化实现,判定逻辑同样适用于国际通用的 WCAG 2.x,方向上也与中国 GB/T 37668 一致。

自动化工具能保证 RGAA 合规吗?

不能。部分标准需要人工判断(替代文本是否恰当、标签是否清晰易懂)。自动化工具能检测可量化的回归——对比度、焦点、文案、状态、320px 和 200% 缩放下的渲染——并防止两次审计之间的合规结果过期作废。

RGAA 审计和回归测试有什么区别?

审计评估的是某一时刻、针对全部标准的合规状态。回归测试核查的是每次发布时,参考页面相对于审计过的状态是否发生了变化。前者建立合规,后者维持合规。

搭建 RGAA 回归测试需要会写代码吗?

不需要。用录制和重放工具,操作路径和各种状态(报错的表单、键盘焦点、深色主题)只需操作一遍录制下来,之后就能自动重放和对比。

回归测试能取代 axe-core 或 Pa11y 吗?

不能,是互补关系。DOM 分析工具标出结构中违反的规则;回归测试标出相对于一个已确认参考版本、实际渲染结果发生的变化。


别让下一次发布拖累您的 RGAA 合规状态。 创建免费账户,把审计过的页面录入为参考版本,让 Delta-QA 自动对比每一次发布。免费使用 Delta-QA →