Skip to main content
Cypress无障碍测试高级解决方案

工作原理

Cypress Accessibility 将无障碍测试无缝集成到您的开发流程中。以下是其工作阶段:

  1. 记录与上传:测试运行时,测试规范会上传至Cypress Cloud。基于Cypress Cloud服务器接收的测试回放数据,无障碍检查随即启动。
  2. 处理阶段:运行结束后,最终测试规范会进行无障碍检查处理。较早的测试规范已进入处理流程,通常在运行结束前即可完成。
  3. 视图组织:Cypress Cloud对运行期间渲染的视图(页面和组件)进行分组,跨测试合并去重。这确保页面级结果和实时DOM快照得到有效组织。
  4. 生成报告:创建综合的"规则级"报告,汇总所有检测到的无障碍违规项。
  5. 结果展示:结果会显示在Cypress Cloud的运行详情区域,以及用于比对的分支评审中。集成环境(如Slack、GitHub/GitLab评论)也会标记无障碍问题,并可通过结果API获取,支持自定义CI流程操作(例如根据未达标情况使构建失败)。

关于Axe Core®

Axe Core®是Deque Systems开发的开源库,被广泛用于检测无障碍违规问题。它在npm上的下载量超过10亿次,应用于软件开发周期多个阶段的众多工具中。如果您已使用其他基于Axe Core®的工具,Cypress Accessibility的配置可以轻松与您现有的跨团队、跨平台无障碍标准保持一致。

Axe Core®基于通用无障碍标准检查网站用户界面的违规情况。检测到的违规通常意味着残障用户在使用或感知某些功能时会遇到问题。例如标记中未提供替代文本的图像,这会导致视障用户无法感知内容。了解更多Axe信息

虽然该流程达到了自动化测试的高标准,但仍无法覆盖所有合规性方面,特别是高度定制化的界面或需要人工判断的部分。

这意味着100%的Axe评分并不代表排除了所有潜在的无障碍问题。Deque报告显示Axe Core®能检测出人工无障碍审计中57%的问题

Cypress Accessibility中此类测试的价值在于:针对大多数项目中常见的无障碍错误,提供快速、可靠且易于理解的反馈。将结果作为测试运行的自动组成部分,意味着您可以用最小阻力发现并修复这些问题,从而在软件开发生命周期中左移无障碍测试。

Axe Core®更新机制

Axe Core®会定期更新,Cypress采用受控的更新策略:

  • 更新政策:Cypress Cloud在新版Axe Core®发布至少30天后集成,为团队留出时间审查变更日志,以便在版本升级前调整流程。
  • 变更追踪:自2024年12月1日起,更新会记录在Cypress Accessibility变更日志中。
  • 紧急例外:如遇关键安全补丁等情况,可能提前更新,并向受影响客户发送通知。

基于测试回放技术

Cypress Accessibility利用测试回放捕获的数据进行分析,同时受其功能限制约束。阅读测试回放工作原理了解支持的数据类型和浏览器范围。