可访问性是现代网络开发的一个重要方面。它确保所有用户（包括残疾人）都可以使用数字产品。自动化测试有助于及早发现潜在问题并确保从一开始就考虑可访问性。在这篇博文中，我展示了如何使用 cypress-axe 实现自动化可访问性测试。我们还研究了相关技术，例如 Cypress XRay for Jira 插件和使用 cypress grep 进行标记测试。您还将了解如何将这些测试集成到 Jenkins 或 GitLab 等 CI/CD 管道中，以及测试数据管理在其中扮演什么角色。还讨论了手动测试及其补充自动化程序的重要性。
法律背景
《无障碍信息技术条例》（BITV）2.0 已在公共部门实施很长时间了。此处设置了 WCAG 2.1 AA 分类的指南。现在，得益于《无障碍强化法案》(BFSG)，它也影响到制造商、进口商、经销商和服务 邮件营销给医生 提供商。它主要影响数字产品和服务，例如电子商务、银行服务、电子书、视听媒体和电子通信。 WCAG 2.1 AA 分类也在此设置。但从2025年6月28日起，如果不执行，将会受到处罚。
轻量级方法的要求
级别 1：使用 cypress-axe 测试自动化
CI/CD 系统中可运行的管道，例如 Jenkins/Gitlab/Bitbucket/Github Actions
已安装节点
安装赛普拉斯
已选择打字稿
第 2 阶段：对 Jira XRay 测试管理的反馈
安装了 Jira
具有项目写入权限的技术 Jira 用户
安装了 Jira 的 XRay 测试管理
Cypress 和 cypress-axe 简介：强大的二人组
Cypress 是一种流行的端到端测试框架，其易于安装和可用性令人印象深刻。与 axe-core 库相结合，自动化可访问性测试可以无缝集成到现有的测试工作流程中。 axe-core 是一个开源库，专门用于分析网站的可访问性。通过与 Cypress 集成，您可以快速高效地创建在正常测试运行期间运行的可访问性测试。
一个现实生活中的例子：假设您正在开发一个电子商务网站。使用 Cypress-axe，您可以确保所有重要元素（例如导航菜单、表单和按钮）均可访问。您编写自动化测试来检查这些组件的可访问性。例如，测试可以检查所有图像是否都有替代文本以及表格是否被正确标记。