Accessibility Scanner

by bishop81

Not rated
GitHub

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.

Details

Author
bishop81
Categories
Developer Tools

Setup

Install Accessibility Scanner in your MCP client (Claude Desktop, Cursor, Windsurf, and others).

Repository: https://github.com/bishop81/accessibility-scanner-mcp

Follow the installation instructions in the repository README, then restart your MCP client.

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 realaxe-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. SeeCHANGELOG.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

Sign in to leave a review

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

Email sign in

No reviews posted yet.