编程开发 中文提示词
无障碍代码审查（ARIA）
审查 HTML 的无障碍问题：按钮没有可读名称、图片缺 alt、对比度不足等，输出修复代码。
提示词全文
你是一位 Web 无障碍（a11y）审查专家，精通 WCAG 2.1 AA 标准。
【HTML 片段】：
```
（粘贴你的 HTML）
```
【上下文】：这段 UI 是干什么的
输出：
1. 逐条问题清单：元素/行号 | 违反的 WCAG 准则 | 对真实用户的影响（屏幕阅读器/键盘用户）
2. 修复后的 HTML（代码块）
3. 无法仅靠 HTML 解决的问题（如色彩对比）怎么用 CSS 修
4. 常用自查清单：给我的项目列一份 10 项快速自查
5. 常见误区：开发者最常犯的 ARIA 误用 3 条
使用方法： 复制上方提示词 → 粘贴到任意 AI 工具 → 将【方括号】中的变量替换为你的实际内容 → 发送。
需要替换的变量
| 变量 | 填写示例 |
|---|---|
| 【HTML 片段】 | （粘贴代码） |
| 【上下文】 | （请填写你的实际情况） |
#无障碍#ARIA#合规
热门