Accessibility Review

anthropics/knowledge-work-plugins/design/skills/accessibility-review

作者 anthropicsae1513ea94dc无许可证27K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库今天更新

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.

精选仅含说明Design & Creative

AI 生成的概览

依据 WCAG 2.1 AA 标准审查设计稿或页面，并按严重程度报告无障碍问题。

功能: 该技能引导智能体对设计稿或页面进行 WCAG 2.1 AA 无障碍审查，覆盖可感知、可操作、可理解和健壮四项原则。它提供准则速查表、常见问题清单，以及包含自动化扫描、纯键盘导航、屏幕阅读器测试、对比度验证和 200% 缩放的测试方法。最终产出结构化的 Markdown 审查报告，包含按原则分类的问题表、颜色对比度检查、键盘导航与屏幕阅读器表格，以及按优先级排列的修复建议。
适用场景: 适用于在交付前审查设计稿或页面的无障碍性，或被要求进行无障碍审查、检查 a11y，以及核实颜色对比度、键盘导航、触摸目标尺寸或屏幕阅读器表现时。
运行要求: 仅为说明性指令，不附带脚本。输入可以是 Figma 链接、页面链接或文字描述。文中提到可选连接设计工具和项目跟踪工具，用于直接读取设计数值和创建工单。

/accessibility-review

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.

Usage

Audit for accessibility: @$1

WCAG 2.1 AA Quick Reference

Perceivable

1.1.1 Non-text content has alt text
1.3.1 Info and structure conveyed semantically
1.4.3 Contrast ratio >= 4.5:1 (normal text), >= 3:1 (large text)
1.4.11 Non-text contrast >= 3:1 (UI components, graphics)

Operable

2.1.1 All functionality available via keyboard
2.4.3 Logical focus order
2.4.7 Visible focus indicator
2.5.5 Touch target >= 44x44 CSS pixels

Understandable

3.2.1 Predictable on focus (no unexpected changes)
3.3.1 Error identification (describe the error)
3.3.2 Labels or instructions for inputs

Robust

4.1.2 Name, role, value for all UI components

Common Issues

Insufficient color contrast
Missing form labels
No keyboard access to interactive elements
Missing alt text on meaningful images
Focus traps in modals
Missing ARIA landmarks
Auto-playing media without controls
Time limits without extension options

Testing Approach

Automated scan (catches ~30% of issues)
Keyboard-only navigation
Screen reader testing (VoiceOver, NVDA)
Color contrast verification
Zoom to 200% — does layout break?

Output

markdown

## 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 Fixes1. **[Critical fix]** — Affects [who] and blocks [what]2. **[Major fix]** — Improves [what] for [who]3. **[Minor fix]** — Nice to have

## 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 Fixes1. **[Critical fix]** — Affects [who] and blocks [what]2. **[Major fix]** — Improves [what] for [who]3. **[Minor fix]** — Nice to have

If Connectors Available

If ~~design tool is connected:

Inspect color values, font sizes, and touch targets directly from Figma
Check component ARIA roles and keyboard behavior in the design spec

If ~~project tracker is connected:

Create tickets for each accessibility finding with severity and WCAG criterion
Link findings to existing accessibility remediation epics

Tips

Start with contrast and keyboard — These catch the most common and impactful issues.
Test with real assistive technology — My audit is a great start, but manual testing with VoiceOver/NVDA catches things I can't.
Prioritize by impact — Fix issues that block users first, polish later.

来源与署名

来源：anthropics/knowledge-work-plugins位于design/skills/accessibility-review提交ae1513e

许可证：无许可证

内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。

举报或申请下架

更多来自 anthropics/knowledge-work-plugins 的技能

Ticket Deflector

anthropics

精选

Reads a forwarded customer email or ticket, pulls order and refund status from a payments connector (PayPal, Square, or Stripe) or Shopify, account history from the CRM, and open tickets from a support desk (Zoho Desk), drafts a tone-matched reply in the owner's writing voice, and can issue a refund through the payments connector with explicit owner approval. With Shopify connected it also runs a proactive order-triage mode that surfaces orders needing attention — unfulfilled past the promised window, payment problems, pending refunds, stuck shipments — and drafts the next action for each before the customer has to ask. Use when the user says "draft a response," "answer this customer," "where's my order," "I want a refund," "check my orders," or "anything about to blow up."

待分类27K今天更新

Tax Season Organizer

anthropics

精选

Prepares tax-season materials for the owner's accountant, not tax advice. US federal tax; a non-US business gets its closed-books packet instead. Two modes: (1) quarterly estimated tax from YTD net income in the ledger (MYOB, NetSuite, QuickBooks, Xero, or Zoho Books); (2) year-end 1099 prep, scanning the ledger, PayPal, and Stripe for contractors paid over USD 600 into a 1099-NEC list with missing W-9 flags. Any tax request routes first to /tax-prep, which confirms the books are closed and reconciled before running this skill. Use this skill directly only when the owner says the period's books are already closed: "books are closed, now do the 1099s," "run the quarterly estimate off the closed numbers," or "just the contractor W-9 list."

待分类27K今天更新

Tax Prep

anthropics

精选

基于已结账的账目准备税务材料：季度预估缴税明细，或年终 1099-NEC 清单与会计师资料包。

Business & Finance27K今天更新

Smb Onboard

anthropics

精选

引导小微企业主完成首次设置：连接工具、运行一次体现价值的配方、记录业务背景并设定每周检查节奏。

Productivity & Workflow27K今天更新

Smb Router

anthropics

精选

将小企业主的需求转接到合适的插件技能或命令，并说明可用功能。

Productivity & Workflow27K今天更新

Month End Prep

anthropics

精选

Reconciles the accounting ledger (MYOB, NetSuite, QuickBooks, Xero, or Zoho Books) against PayPal, Shopify, Square, and Stripe settlements, flags transactions that need attention, suspicious duplicates, and missing receipts, then writes a plain-English P&L narrative and exports a close packet (xlsx + one-page PDF). This is the first link of the /close-month command; a request to close the month or the books routes there, and the command runs this skill before refreshing the forecast and distributing the packet. Use this skill directly only when the owner wants the reconciliation alone, with no forecast refresh and no distribution: "just reconcile, no packet," "what's missing from the books," "flag the duplicates and missing receipts," or "write the P&L narrative for this month."

待分类27K今天更新

Accessibility Review

/accessibility-review

Usage

WCAG 2.1 AA Quick Reference

Perceivable

Operable

Understandable

Robust

Common Issues

Testing Approach

Output

If Connectors Available

Tips

来源与署名

更多来自 anthropics/knowledge-work-plugins 的技能

Ticket Deflector

Tax Season Organizer

Tax Prep

Smb Onboard

Smb Router

Month End Prep

更多Design & Creative技能

Theme Factory

Slack Gif Creator

Frontend Design

Canvas Design

Brand Guidelines

Frontend Design