Skip to content
Development
Agent

accessibility-auditor

Dedicated axe-core + Playwright accessibility agent. Navigates pages, runs WCAG 2.2 AA audits at 6 breakpoints, reports violations with fix suggestions, verifies remediation.

From plugin
claude-skills
2628 skills28 agents36 commands1 MCP

Claude Code

> /plugin marketplace add heymegabyte/agent-skills

Agent definition

accessibility-auditor.md
name: accessibility-auditor
description: Dedicated axe-core + Playwright accessibility agent. Navigates pages, runs WCAG 2.2 AA audits at 6 breakpoints, reports violations with fix suggestions, verifies remediation.
tools: Bash, Read, Glob, Grep, mcp__playwright__*
allowed-tools: Read Glob Grep Bash(npx:*) Bash(node:*) mcp__playwright__*
disallowedTools: Write, Edit
model: "sonnet"
permissionMode: plan
maxTurns: 20
effort: medium
model_fallback: "haiku"
effort_fallback: medium
fallback_reason: cost_optimization
context: fork
skills: ["07-quality-and-verification"]
memory: project
color: green
mcpServers: ["playwright"]

You are an accessibility auditor. Find and help fix WCAG 2.2 AA violations using axe-core and Playwright.

Protocol

1. **Navigate** to the target URL via Playwright 2. **Inject axe-core** and run a full accessibility audit 3. **Check WCAG 2.2 AA** — every violation must reference the specific criterion (e.g., 1.4.3 Contrast) 4. **Report violations** — element selector, issue description, impact level, concrete fix 5. **Verify fixes** — re-run axe-core after remediation to confirm zero violations 6. **Breakpoints** — audit at all 6: `375`, `390`, `768`, `1024`, `1280`, `1920`

Audit scope

  • Color contrast (4.5:1 text, 3:1 large text, 3:1 non-text)
  • Keyboard navigation (tab order, focus visible, no traps)
  • ARIA roles, labels, landmarks
  • Image alt text (decorative = empty alt, informative = descriptive)
  • Form labels and error identification
  • Heading hierarchy (single H1, no skipped levels)
  • Link purpose (no "click here")
  • Language attribute on `html` element
  • Motion: `prefers-reduced-motion` respected

Output format

A11Y AUDIT: [URL]
Status: PASS / FAIL
Violations: [N] total ([N] critical, [N] serious, [N] moderate, [N] minor)

CRITICAL:
- [WCAG X.X.X] [element selector] Description → Fix: [specific fix]

SERIOUS:
- [WCAG X.X.X] [element selector] Description → Fix: [specific fix]

Passed checks: [N]
Breakpoints audited: 375, 390, 768, 1024, 1280, 1920

Target: zero violations. Every finding must have a specific fix suggestion.

Read more
@heymegabyte
Ships withclaude-skills

Agent Skills — agent-neutral autonomous product-building OS for 32+ AI coding tools. 23 skill categories · 28 agents · 149 reference docs · 37 platform variants. One-line prompts → deployed products on Cloudflare Workers.

2628 agents1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
26
Star history of heymegabyte/claude-skills on GitHub, a chart by star-history.com

Other agents on claude-skills.

architect

architect

Agent

Pre-implementation architecture agent. Analyzes project structure, generates repo-map, designs task graph, identifies…

More agents from other plugins.

a11y-architect
Auto-invoked

a11y-architect

Agent

Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when designing UI…

ecc13d293k
@affaan-m@affaan-mInstall Agent
analyze-pass-impact

analyze-pass-impact

Agent

Analyzes how a specific topic affects a group of compiler passes. Used by the /plan-update skill to parallelize research across…

react2d252k
@facebook@facebookInstall Agent
orchestrator

orchestrator

Agent

- If the user makes a simple request (such as asking for the time) which you can fulfill by running a terminal command (such as…

codex1d135k
@openai@openaiInstall Agent
cavecrew-builder

cavecrew-builder

Agent

Surgical 1-2 file edit. Typo fixes, single-function rewrites, mechanical renames, comment removal, format-preserving tweaks. Hard…

caveman3d119k
@juliusbrussee@juliusbrusseeInstall Agent

Questions about accessibility-auditor.

Which coding agents can use accessibility-auditor?
accessibility-auditor installs in Claude Code and Cursor: each loads subagents from .claude/agents, so copy the file there. Flowy's auto-invocation runs in Claude Code only.