审查设计稿或页面的无障碍性,识别并说明 WCAG 2.1 AA 合规问题。
复制安装指令,让 AI 自动完成配置 · 推荐新手
请帮我安装 askskill 上的 "accessibility-review" 技能: 1. 下载 https://raw.githubusercontent.com/anthropics/knowledge-work-plugins/main/design/skills/accessibility-review/SKILL.md 2. 保存为 ~/.claude/skills/accessibility-review/SKILL.md 3. 装好后重载技能,告诉我可以用了
请对这个落地页进行 WCAG 2.1 AA 无障碍审查,重点检查颜色对比度、键盘导航、按钮触控尺寸、表单标签和屏幕阅读器可读性,并按严重程度列出问题与修改建议。
一份按严重程度排序的无障碍问题清单,包含违规说明、影响范围与可执行修改建议。
请审查这套 UI 组件是否符合 WCAG 2.1 AA,重点关注文本与背景对比、焦点状态、禁用态区分、点击区域大小,以及图标按钮是否有可访问名称。
组件级无障碍评估结果,指出不合规项及对应的设计调整方案。
帮我检查这个页面是否便于键盘操作和屏幕阅读器使用,说明焦点顺序、跳转链接、语义结构、图片替代文本和动态内容提示是否存在问题。
一份面向交付前修复的检查报告,概述键盘与读屏相关风险及修复优先级。
If you see unfamiliar placeholders or need to check which tools are connected, see CONNECTORS.md.
Audit a design or page for WCAG 2.1 AA accessibility compliance.
/accessibility-review $ARGUMENTS
Audit for accessibility: @$1
## Accessibility Audit: [Design/Page Name]
**Standard:** WCAG 2.1 AA | **Date:** [Date]
### Summary
**Issues found:** [X] | **Critical:** [X] | **Major:** [X] | **Minor:** [X]
### Findings
#### Perceivable
| # | Issue | WCAG Criterion | Severity | Recommendation |
|---|-------|---------------|----------|----------------|
| 1 | [Issue] | [1.4.3 Contrast] | 🔴 Critical | [Fix] |
#### Operable
| # | Issue | WCAG Criterion | Severity | Recommendation |
|---|-------|---------------|----------|----------------|
| 1 | [Issue] | [2.1.1 Keyboard] | 🟡 Major | [Fix] |
#### Understandable
| # | Issue | WCAG Criterion | Severity | Recommendation |
|---|-------|---------------|----------|----------------|
| 1 | [Issue] | [3.3.2 Labels] | 🟢 Minor | [Fix] |
#### Robust
| # | Issue | WCAG Criterion | Severity | Recommendation |
|---|-------|---------------|----------|----------------|
| 1 | [Issue] | [4.1.2 Name, Role, Value] | 🟡 Major | [Fix] |
### Color Contrast Check
| Element | Foreground | Background | Ratio | Required | Pass? |
|---------|-----------|------------|-------|----------|-------|
| [Body text] | [color] | [color] | [X]:1 | 4.5:1 | ✅/❌ |
### Keyboard Navigation
| Element | Tab Order | Enter/Space | Escape | Arrow Keys |
|---------|-----------|-------------|--------|------------|
| [Element] | [Order] | [Behavior] | [Behavior] | [Behavior] |
### Screen Reader
| Element | Announced As | Issue |
|---------|-------------|-------|
| [Element] | [What SR says] | [Problem if any] |
### Priority Fixes
1. **[Critical fix]** — Affects [who] and blocks [what]
2. **[Major fix]** — Improves [what] for [who]
3. **[Minor fix]** — Nice to have
If ~~design tool is connected:
If ~~project tracker is connected:
围绕客户问题进行多来源调研与溯源,快速整理背景并支持准确回复。
根据19条专业设计规则审查界面与视觉稿,并给出改进建议。