Playwright Accessibility Testing
利用Playwright进行Web无障碍（A11Y）自动化测试
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Playwright Accessibility Testing。 它的用途是：利用Playwright进行Web无障碍（A11Y）自动化测试 详细介绍见：https://321skill.com/skills/playwright-accessibility-testing/ 请根据该页面的说明完成安装。
使用示例
‘请帮我在这个Playwright测试脚本中加入对登录页面的无障碍检查，重点检查表单控件的标签和键盘可访问性。’ 它会引导你引入相关库并编写断言代码，运行测试后生成一份包含具体违规元素和修复建议的报告。
介绍
这个Skill旨在解决Web应用开发中，手动进行无障碍（Accessibility）测试效率低下、覆盖不全且易出错的问题。它通过集成Playwright自动化测试框架，帮助开发者自动检测网页是否符合WCAG等无障碍标准，识别如颜色对比度不足、缺少替代文本、键盘导航障碍等常见问题。
使用时，开发者只需在Playwright测试脚本中引入此Skill，即可在常规的功能或UI测试流程中，无缝加入无障碍规则的自动化检查。它通常以断言或报告的形式输出检测结果，指出具体的违规元素和规则，方便定位和修复问题。
它非常适合前端开发、测试工程师以及任何对Web应用可访问性有要求的全栈开发人员。对于需要确保产品符合法律合规性（如ADA、Section 508）或致力于提升产品包容性的团队尤其有价值。
建议将此Skill集成到CI/CD流水线中，作为代码合并前的强制检查环节，以确保无障碍问题不会被引入。同时，由于自动化工具无法覆盖所有用户场景（如逻辑流、复杂交互的语义），建议将其作为人工测试和用户测试的补充，而非唯一手段。
核心特点
核心区别在于深度集成Playwright，将无障碍测试无缝嵌入到现有的端到端（E2E）测试流程中，而非独立的扫描工具。它能够利用Playwright的真实浏览器环境和页面状态（如动态加载内容）进行检测，结果更贴近用户实际体验。
注意事项
不适合评估需要人工主观判断的无障碍场景，例如复杂交互的语义逻辑、动态内容的上下文含义等。
常见问题
这个Skill支持哪些无障碍标准？
主要支持WCAG 2.1/2.2的A级和AA级成功准则，并可配置规则集。
它能检测SPA（单页应用）吗？
可以，得益于Playwright对动态页面的良好支持，它能检测SPA中通过JavaScript加载的内容。