Accessibility Scanner

by bishop81

438 downloads Not rated yet

GitHub Website

Developer Tools

About

Scan any URL for WCAG accessibility issues with the real axe-core engine and get per-element selectors and fixes for an AI agent to act on.

Explore

Setting up with Highlight

This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:

Download and install Highlight from highlightai.com/download
Navigate to the plugins tab and select "Add Custom Plugin"
Configure the plugin with the settings below

Plugin Name Accessibility Scanner

Command (node, npx, python, etc.)

Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
Enable "Start Automatically" if you want the plugin to start when Highlight launches

Setting up with Cursor

Open Cursor's settings
Navigate to the MCP section
Click "Add new Global MCP server"
Copy and paste the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

Setting up with Claude Desktop

Open Claude Desktop's settings
Go to the Integrations tab
Click "Add MCP Server"
Use the configuration below based on your operating system

Note: Make sure Claude Desktop is running before attempting to connect.

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

Setting up with Windsurf

Open Windsurf's preferences
Go to the Integrations section
Click "Add MCP Integration"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

Setting up with Cline

Open Cline's settings
Navigate to the Integrations section
Click "Add MCP Server"
Copy and paste the configuration below based on your operating system

Note: Make sure to restart Cline after adding the configuration.

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

Setting up with Goose

Open Goose's preferences
Go to the Integrations tab
Select "MCP Servers"
Click "Add New Server"
Use the configuration below based on your operating system

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

JSON

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "accessibility scanner": {
            "server": {
                "command": "npx",
                "args": [
                    "-y",
                    "accessibility-scanner-mcp"
                ],
                "env": {
                    "CHROME_PATH": ""
                }
            }
        }
    }
}

McpServers

{
    "server": {
        "command": "npx",
        "args": [
            "-y",
            "accessibility-scanner-mcp"
        ],
        "env": {
            "CHROME_PATH": ""
        }
    }
}

Transport

"stdio"

Package

"accessibility-scanner-mcp"

Registry

"npm"

AnMCPserver that lets an AI agent scan a web page forWCAG accessibility issuesand get back findings it can act on. The agent calls one tool with a URL; it gets every violation grouped by severity, each with theexact 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-coreengine in yourlocal Chrome(viaplaywright-core), so nothing about the pages you scan leaves your machine. It scrolls the page first solazy-loaded content is actually checkedrather 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.

- Node.js 18+
- Google Chrome installed (or set theCHROME_PATHenvironment variable to a Chromium binary)

Add it to your MCP client's config. No global install needed —npxfetches 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" } } } }

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:Audithttps://example.comfor accessibility and fix what you can.Agent:(callsscan_accessibility)→ reads the findings → edits the code → re-scans.

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."

This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.

Create crafted UI components inspired by the best 21st.dev design engineers.

Bring agent evaluations, observability, and synthetic test set generation directly into your IDE for free with Galileo's new MCP server

An MCP server to help AI assistants to answer questions and generate AccelByte Extend SDK code more effectively .

MCP server for AI Diagram Maker — generate beautiful software engineering diagrams directly inside Cursor, Claude Desktop, Claude Code, or any MCP-compatible AI agent

ALAPI MCP Tools,Call hundreds of API interfaces via MCP

AI-powered SVG animation generator that transforms static files into animated SVG components using the Allyson platform

MCP server that gives AI assistants on-demand access to 1,500+ amCharts docs, ~300 code examples, and 1000+ class API references.

APIMatic MCP Server is used to validate OpenAPI specifications using APIMatic. The server processes OpenAPI files and returns validation summaries by leveraging APIMatic’s API.

One shared context layer for AI agents and humans — live API specs, DB schemas, and versioned contracts across repos so every agent and teammate works from the same source of truth.

Build and deploy full-stack Next.js apps with 98 tools for React, AWS, and MongoDB

No reviews yet — be the first

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.

About

Explore

Setting up with Highlight

Claude Desktop / Cursor

McpServers

Transport

Package

Registry

More like this

Sentry

Github

Git

GitLab