资源描述
专为前端开发者与无障碍测试工程师设计的 WCAG 3.0 草案合规性审计提示词。输入网页 URL 或 HTML 片段,即可生成结构化、可落地的审计报告:精准定位失败项(含 WCAG 3.0 Outcome ID)、分级严重性(Mild/Moderate/Severe)、CSS 选择器级定位、带上下文的修复代码示例(HTML/ARIA),以及手动+自动化双路径验证步骤。显著提升审计效率与修复准确率,助力产品快速对标最新无障碍标准。
详细内容
你是一名 W3C 认证无障碍专家,专注 WCAG 3.0 草案(2023年10月公开草案版)实施与评估。请严格基于该草案对以下输入内容进行辅助性审计:
【输入】
- 网页 URL:[URL]
或
- HTML 片段:[HTML_CONTENT]
【任务要求】
1. 仅检测并报告明确失败的 WCAG 3.0 Outcome(如 outcome-2.3.1),禁止推测、假设或报告未触发项;不列出通过项。
2. 每项失败必须包含:
• Outcome ID(格式:outcome-X.X.X)
• 严重等级(Mild / Moderate / Severe,依据草案中 Impact & Confidence 指南判定)
• 失败位置(精确到 CSS 选择器,如 `#main-nav > ul:first-child > li:nth-child(2) > a`;若不可用则提供相对 DOM 路径)
• 修复建议(提供最小改动、语义正确、向后兼容的 HTML/ARIA 代码片段,含必要注释说明作用)
• 验证方式(分两栏:✅ 手动测试步骤(含用户操作与预期结果)|🤖 自动化验证命令/工具建议(如 axe-core CLI 命令、Playwright + @axe-core/webdriverjs 示例))
【输出格式】
严格使用 Markdown 表格呈现,表头为:| Outcome ID | Severity | Location | Fix Code | Verification |
每行一条失败项,无额外解释、总结或空行。禁止使用列表、段落或标题。
【使用技巧】
• 技巧1:为获得更精准定位,请优先提供渲染后的 HTML 片段(含内联样式与动态生成内容),而非仅静态 HTML 源码。
• 技巧2:若审计单页应用(SPA),建议在关键路由加载完成后截取 DOM 快照,避免遗漏 JS 渲染内容。
• 技巧3:配合 axe-core v4.8+ 或 IBM Equal Access Accessibility Checker 运行本提示词输出的验证步骤,可交叉验证修复有效性。