npm accessibility-scanner-mcpstdioMITupdated 1mo ago
An MCP server that lets an AI agent scan a web page for WCAG accessibility issues and get back findings it can act on. The agent calls one tool with a URL; it gets every violation grouped by severity, each with the exact element selector, the offending HTML, the specific failure, the WCAG success criterion, and a fix-guide link — plus the items that still need human review.
What can you do with accessibility scanner mcp?
accessibility-scanner-mcp
An MCP server that lets an AI agent scan a web page for WCAG accessibility issues and get back findings it can act on. The agent calls one tool with a URL; it gets every violation grouped by severity, each with the exact element selector, the offending HTML, the specific failure, the WCAG success criterion, and a fix-guide link — plus the items that still need human review.
It runs the real axe-core engine in your local Chrome
(via playwright-core), so nothing about the pages you scan leaves your machine. It scrolls the page
first so lazy-loaded content is actually checked rather than silently skipped, and it resolves
color contrast over CSS gradients, which most tools leave as "needs review."
Upgrading from 0.1.x? 0.2.0 sees more of each page and returns more findings for the same URL. See CHANGELOG.md.
Part of accessibilityscanner.app.
Requirements
- Node.js 18+
- Google Chrome installed (or set the
CHROME_PATHenvironment variable to a Chromium binary)
Install
Add it to your MCP client's config. No global install needed — npx fetches it on first run.
Claude Desktop (claude_desktop_config.json), Cursor, Claude Code, or any MCP client:
{
"mcpServers": {
"accessibility-scanner": {
"command": "npx",
"args": ["-y", "accessibility-scanner-mcp"]
}
}
}
If Chrome is not auto-detected, add an env block:
{
"mcpServers": {
"accessibility-scanner": {
"command": "npx",
"args": ["-y", "accessibility-scanner-mcp"],
"env": { "CHROME_PATH": "/usr/bin/google-chrome" }
}
}
}
The tool
scan_accessibility
| Input | |
|---|---|
url (string, required) |
The http(s) URL to scan. |
Returns a report grouped by severity. For each rule: the WCAG criterion, a fix-guide link, and per element the selector, HTML, and exact failure. Example flow with an agent:
You: Audit https://example.com for accessibility and fix what you can. Agent: (calls
scan_accessibility) → reads the findings → edits the code → re-scans.
Honest about limits
Automated testing covers the machine-checkable subset of WCAG (most of the issues on a typical page, but not all of it). Items that need human judgement are returned under "Needs manual review." It never claims a page is "compliant."
License
MIT
Install
Add accessibility scanner mcp to your client. Pick the one you use.
claude mcp add accessibility-scanner-mcp -- npx -y accessibility-scanner-mcpcodex mcp add accessibility-scanner-mcp -- npx -y accessibility-scanner-mcpamp mcp add accessibility-scanner-mcp -- npx -y accessibility-scanner-mcp{
"mcpServers": {
"accessibility-scanner-mcp": {
"command": "npx",
"args": [
"-y",
"accessibility-scanner-mcp"
]
}
}
}Add to `claude_desktop_config.json`, then restart Claude Desktop.
{
"mcpServers": {
"accessibility-scanner-mcp": {
"command": "npx",
"args": [
"-y",
"accessibility-scanner-mcp"
]
}
}
}Add to `~/.cursor/mcp.json`, or `.cursor/mcp.json` for a single project.
code --add-mcp '{"name":"accessibility-scanner-mcp","command":"npx","args":["-y","accessibility-scanner-mcp"]}'Or add the block manually to `.vscode/mcp.json` under `servers`.
{
"mcpServers": {
"accessibility-scanner-mcp": {
"command": "npx",
"args": [
"-y",
"accessibility-scanner-mcp"
]
}
}
}Add to `~/.codeium/windsurf/mcp_config.json`.
{
"mcpServers": {
"accessibility-scanner-mcp": {
"command": "npx",
"args": [
"-y",
"accessibility-scanner-mcp"
]
}
}
}Add to `cline_mcp_settings.json` via the MCP Servers panel.
{
"mcpServers": {
"accessibility-scanner-mcp": {
"command": "npx",
"args": [
"-y",
"accessibility-scanner-mcp"
]
}
}
}Add to `~/.gemini/settings.json`.
{
"mcpServers": {
"accessibility-scanner-mcp": {
"type": "local",
"command": "npx",
"args": [
"-y",
"accessibility-scanner-mcp"
],
"tools": [
"*"
]
}
}
}Add to `~/.copilot/mcp-config.json`, or run `/mcp add` inside the CLI.
{
"context_servers": {
"accessibility-scanner-mcp": {
"command": {
"path": "npx",
"args": [
"-y",
"accessibility-scanner-mcp"
]
}
}
}
}Add to your Zed `settings.json`.
npx -y accessibility-scanner-mcpRun `goose configure`, choose **Add Extension → Command-line Extension**, and paste this command.
Score
39 / 100
Incomplete
- Documentation18/25
- Maintenance19/25
- Trust13/20
- Capability0/15
- Install experience12/15
- Documents what it does and how to connect
- Has a resolvable package or endpoint
- Exposes at least one tool, prompt or resource
- README has substantive content
- Includes a code example
- Documents its configuration
- Mentions credentials or security posture
- Last commit 29 days ago
- Has a release history
- Repository is not archived
- Licensed MIT
- Namespace verified in the official MCP registry
- Claimed by its owner
- Published under an organisation
- 0 tool(s) documented
- Provides prompt templates
- Provides resources
- 12 documented install method(s)
- Published to a package registry
- Offers a hosted endpoint — no local install
Version history
| Versions | Published |
|---|---|
| 0.1.2Latest | Jun 23, 2026 |