메뉴
Audit web applications for WCAG 2.2 compliance, screen reader compatibility, keyboard navigation, and color contrast. Activate for "accessibility audit", "a11y check", "WCAG compliance", "screen reader test", or "keyboard navigation".
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Orchestrate static analysis using Codacy. Required PR check on this repo. Use for querying PR analysis, triaging issues, fixing (not suppressing) findings, and local analysis. See SKILL.md for fix patterns and the required-check policy.
Build localized, accessible, premium reader/admin UI with 2026 design standards. Features OKLCH colors, View Transitions, scroll-aware components, and mutual exclusivity panels.
Create AGENTS.md files with production-ready best practices. Activate when creating new AGENTS.md or implementing quality gates.
Comprehensive GitHub PR review and automated fix pipeline. Takes a PR number or auto-detects from current branch, runs code review, static analysis, security audit, and quality checks, then produces a structured report and auto-fixes must-fix issues. Activate for "review PR", "fix PR issues", "PR quality check", "review and fix PR #123".
Invoke for complex multi-step tasks requiring intelligent planning and multi-agent coordination. Use when tasks need decomposition, dependency mapping, parallel/sequential/swarm execution strategies, or coordination of multiple specialized agents with quality gates.
Break down complex tasks into atomic, executable goals. Activate for multi-step feature planning, agent coordination, or request decomposition.
| version | 1.0.0 |
| name | accessibility-auditor |
| description | Audit web applications for WCAG 2.2 compliance, screen reader compatibility, keyboard navigation, and color contrast. Activate for "accessibility audit", "a11y check", "WCAG compliance", "screen reader test", or "keyboard navigation". |
| category | quality |
| allowed-tools | Read Write Edit Glob Grep Bash |
| license | MIT |
Audit web applications for WCAG 2.2 compliance, screen reader compatibility, keyboard navigation, and color contrast.
# axe CLI
npx @axe-core/cli https://example.com
# pa11y
npx pa11y https://example.com
# Impeccable design detector (44 rules, no LLM)
npx impeccable detect --json .
Run npx impeccable detect before manual audit. It catches:
Then proceed with axe-core + manual keyboard/screen reader testing.
<!-- Bad -->
<img src="chart.png">
<!-- Good -->
<img src="chart.png" alt="Sales chart showing 40% growth in Q4">
<!-- Decorative -->
<img src="decoration.png" alt="">
<!-- Bad -->
<input type="email" placeholder="Email">
<!-- Good -->
<label for="email">Email</label>
<input type="email" id="email" placeholder="Email">
/* Bad - fails WCAG */
color: #999999;
background: #ffffff;
/* Good - passes WCAG AA */
color: #595959;
background: #ffffff;
/* Good focus indicators */
:focus-visible {
outline: 3px solid #2563eb;
outline-offset: 2px;
}
| Pattern | ARIA | Usage |
|---|---|---|
| Button | role="button" | Custom clickable elements |
| Modal | role="dialog" | Dialogs |
| Navigation | role="navigation" | Nav regions |
| Main content | role="main" | Primary content |
| Live region | aria-live="polite" | Dynamic updates |
| Expandable | aria-expanded | Collapsible sections |
Accessibility is essential for inclusive design. Audit early, test with real assistive technology, and fix issues proactively.