Cypress Accessibility Testing
为Cypress测试框架集成Web可访问性（a11y）自动化检查
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Cypress Accessibility Testing。 它的用途是：为Cypress测试框架集成Web可访问性（a11y）自动化检查 详细介绍见：https://321skill.com/skills/cypress-accessibility-testing/ 请根据该页面的说明完成安装。
使用示例
'帮我在用户登录流程的Cypress测试用例里，加入对登录页面的可访问性检查。' 它会生成一段代码，使用cy.checkA11y()命令在用户访问登录页并填写表单后，自动运行可访问性扫描，并断言没有严重（critical）违规。或者，你可以说：'扫描当前页面并列出所有颜色对比度问题。' 它会执行扫描并返回具体的元素和违规详情。
介绍
该Skill为Cypress端到端测试框架提供了自动化Web可访问性（a11y）测试能力。它解决了在Web应用开发中，手动检查页面是否符合WCAG等可访问性标准耗时耗力且容易遗漏的问题。
通过集成axe-core引擎，它允许开发者在Cypress测试脚本中直接调用API，对页面或特定元素进行可访问性扫描。例如，在编写或运行常规功能测试时，可以轻松加入可访问性断言，将a11y检查无缝融入现有的CI/CD流程。
它非常适合前端开发、测试工程师和全栈开发人员，特别是那些需要确保产品符合无障碍法规（如Section 508, ADA）或致力于提升产品包容性的团队。
使用建议是将其作为回归测试套件的一部分，在关键用户流程（如登录、表单提交）后加入检查。但需注意，自动化工具无法覆盖所有可访问性准则（如逻辑顺序、键盘导航体验），仍需结合手动测试和屏幕阅读器测试。
核心特点
深度集成于Cypress测试生态，可直接在E2E测试流程中执行可访问性断言，并生成详细的违规报告，而非独立的扫描工具。它支持对动态加载内容、Shadow DOM以及特定组件进行针对性测试，比通用浏览器插件更贴合开发工作流。
注意事项
自动化扫描主要覆盖技术性合规检查（如ARIA属性、颜色对比度），无法完全替代人工评估用户体验层面的可访问性，例如逻辑流程和语义理解。
常见问题
它能检测哪些可访问性问题？
基于axe-core规则集，可检测如缺失alt文本、颜色对比度不足、表单标签缺失、键盘焦点管理、ARIA属性误用等技术性问题。
如何集成到现有Cypress项目中？
通过npm安装后，在Cypress支持文件（如support/e2e.js）中导入并注册命令，即可在任意测试用例中使用cy.checkA11y()等方法。