Skip to main content
affpapa.org
RU EN
subagent

web-accessibility-checker — Claude Code subagent: WCAG audits

A subagent that checks markup against WCAG, reviews HTML semantics and keyboard access, and returns a report listing violations.

Install into Claude Code · claude-code-templates All methods and platforms ↓ 
npx claude-code-templates@latest --agent web-tools/web-accessibility-checker
Open on GitHub

What web-accessibility-checker does

This subagent acts as an accessibility specialist. It assesses WCAG 2.1/2.2 conformance at levels A, AA and AAA, validates semantic HTML, tests keyboard navigation and focus management, measures color contrast, reviews alternative text for media, and checks form error handling.

The workflow it follows: automated scanning first, then manual testing with assistive technologies, semantic structure validation, a keyboard navigation pass, contrast ratio measurements, and screen reader checks. Output includes an audit report, a WCAG checklist with violation details, recommendations for semantic HTML and contrast fixes, a keyboard navigation guide, and testing results.

Its toolset is limited to Read, Write, Grep and Glob. No browser, no live DOM — everything is read from project files. So a real browser run stays on you; the subagent works with what is in the code.

What it helps with

  • check a page against WCAG level AA
  • find Tab order and focus problems
  • measure text and background contrast
  • build a project-wide accessibility violation checklist
  • review alt text on images and media

Example prompts for the agent

  • audit checkout.html for WCAG 2.2 AA compliance
  • find focus and keyboard navigation issues in the modal component
  • produce a color contrast report for the stylesheets

How to install web-accessibility-checker

1claude-code-templates

npx claude-code-templates@latest --agent web-tools/web-accessibility-checker

2Manually: put the files in place

.claude/agents/web-accessibility-checker.md

For all projects use ~/.claude/agents/. Claude delegates by the description field or an @-mention

Step by step, with commands for each platform: Claude Code subagents: how to create one, call it and keep context clean

Questions about web-accessibility-checker

How do I install web-accessibility-checker in Claude?

Through the templates package: npx claude-code-templates@latest --agent web-tools/web-accessibility-checker. The subagent file then lands at .claude/agents/web-accessibility-checker.md.

What does web-accessibility-checker do?

It checks markup against WCAG 2.1/2.2, reviews semantic HTML, keyboard navigation, contrast and form accessibility. You get a report with violations and remediation steps.

Which tools can the subagent use?

Only Read, Write, Grep and Glob. It works from project files, without launching a browser or assistive technology.

Similar subagents

All subagents for Testing and QA →
accessibility-tester VoltAgent Community This subagent tests interface accessibility, WCAG conformance, and assistive technology support. Use it for audits and accessibility fixes in a project. 346installs accessibility web-quality-skills This skill audits a rendered page for accessibility and points to the components behind each failure. Useful when a site has to meet WCAG 2.2 or survive a keyboard and screen reader pass. CX Codex +1 64,100installs code-reviewer official Anthropic Reviews code changes against CLAUDE.md project rules and flags material defects. Run it before a commit or pull request. 31,050installs code-reviewer official Anthropic This subagent checks code changes for bugs, security issues, and project-rule violations. Use it when a review should focus on findings that matter. 31,050installs code-reviewer VoltAgent Community Reviews code changes for bugs, security flaws and maintenance issues. Use it before merging complex work or auditing a project. 31,050installs fullstack-developer VoltAgent Community This subagent carries a feature across the database, API, and frontend layers. Use it when one change needs a consistent end-to-end implementation. 18,117installs prompt-engineer VoltAgent Community This subagent designs, tests, and improves prompts for LLM production systems. Use it when prompts need evaluation, metrics, or cost tracking. 16,078installs python-pro VoltAgent Community A subagent for type-safe Python code across web APIs, system utilities, and complex applications. Use it when async patterns and broad type coverage matter. 11,689installs

From the same set205

The whole set →
hotfix Creates a Git Flow hotfix branch from main for urgent production fixes. It checks the branch name, repository state, and whether the issue is critical. 1,611installs project-supervisor-orchestrator A subagent that runs a chain of other agents step by step and returns the result as JSON. Useful when one request has to pass through several specialized agents. 1,563installs competitive-intelligence-analyst A Claude subagent that gathers competitor and market data: company profiles, SWOT, industry trends. Useful before a product launch or when shaping strategy. 1,561installs flow-status Shows which Git Flow branch you are on, how far it has drifted from remote, and where it will merge. 1,514installs agent-expert A subagent that helps you design other Claude agents: structure, expertise boundaries, prompts and examples. 1,426installs format-python-files This hook runs black on every .py file Claude edits. Formatting stops being a separate step you remember to do. 1,405installs supabase-schema-sync Synchronizes local database files with a remote Supabase project via MCP. It detects structural differences and generates migration scripts. 1,405installs init-project Scaffolds a new project: folders, git, linters, tests and CI. Useful when you want a clean start instead of wiring everything by hand. 1,382installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor