WebAbility

by snayyar00

Not rated
GitHub

About

Find and fix web accessibility (WCAG 2.2, ADA, Section 508, EAA, AODA) issues from your coding agent — scan any URL/HTML with 3 engines, framework-aware fixes, verify, vision audit, and auditor-ready reports.

Details

Author
snayyar00
Categories
Developer Tools

Setup

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

Repository: https://github.com/snayyar00/webability-mcp

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

Accessibility testing MCP server for Cursor, VS Code Copilot, Claude Code, and any other MCP-compatible IDE.

WebAbility.iois an AI-powered web accessibility platform — accessibility widget, automated scanner, and AI agents forWCAG 2.1 / 2.2 AA,ADA,Section 508,EAA (European Accessibility Act)andAODAcompliance. This MCP exposes the same accessibility-testing engine that powers theWebAbility widgetand dashboard, so you can scan, audit and fix web accessibility issues (color contrast, ARIA, alt text, keyboard navigation, focus visibility, target size, and more) from your IDE while you build.

New to accessibility compliance? Start with thefree WCAG & ADA accessibility checker, or read theWebAbility MCP docsand thegetting-started guide.

The server registers aninstructionsblock on initialize, so any MCP-compatible client picks up business context (what tool to call when, the three-tier output convention, etc.) automatically — no setup required beyond the install below.

Most accessibility MCP servers stop atfindandsuggest. WebAbility closes the whole loop in your editor, and starts free:

- Free, local scan — no account, no Docker.scan_pageruns entirely on your machine. (Deque's axe MCP needs a paid subscription, an API key, and a Docker install just to analyze a page.)
- Fixes that fit your stack.generate_ai_fixreturns ready-to-paste code for the framework you actually use — Tailwind, MUI, Bootstrap, WordPress, Next.js — not generic guidance.
- A vision pass DOM scanners can't do.visual_auditcatches focus visibility, icon contrast, and "looks like a button but isn't" — issues axe-core structurally cannot see.
- Verification, not just detection.verify_fixre-checks that your fix actually landed and returnsverified: true/false. Every 2026 comparison of accessibility MCPs names this the biggest gap in the category — most tools never close it.
- Evidence for compliance.start_auditproduces a persistent, timestamped report and Excel workbook you can hand to an auditor — not a result that vanishes with your session.

The full cycle, without leaving the editor:scan_pagegenerate_ai_fixverify_fix, thenstart_auditwhen you need the paper trail.

{ "mcpServers": { "webability": { "command": "webability-mcp" } } }

Optional env:WEBABILITY_API_URL(defaulthttps://api.webability.io) for self-hosted backends.

scan_pageruns three engines in parallel and deduplicates the results:

- issues— high-confidence violations, safe to surface as bugs
- incomplete— findings that need human review (contrast against gradients, marketing imagery, framer-motion pre-animation states, axe-incomplete).Never auto-fix these.
- summary— counts by severity + anincompletecount

This mirrors axe-core'sviolations/incomplete/passessplit and prevents agents from "fixing" false positives in destructive ways.

- Building a new component and want it accessible from day one
- Auditing a localhost / staging build before pushing
- Triaging a Lighthouse / axe report —scan_pageconsolidates all three engines
- Generating fix suggestions that match the framework you're already using
- Checking color contrast against the user's actual brand palette (not generic suggestions)

"Scan localhost:3000 for accessibility issues"

"Walk login → dashboard → checkout and report unique issues across the flow"

"Suggest a fix for the contrast issue on.btn-primaryonhttps://example.com— match their brand colors"

"What does WCAG 1.4.11 check?"

Every scan is loggedlocallyto~/.webability/scans/— a one-line-per-scanindex.jsonlledger plus the full result of your last 500 scans. Browse them with thescan_historytool ("what did we scan earlier?") or plainjq. SetWEBABILITY_SCAN_LOG=offto disable,WEBABILITY_SCAN_LOG_DIRto relocate.

The server also reports one smalltelemetry eventper tool call (every tool, not just scans) to the WebAbility API: tool name, a short target label (URL, selector, issue type — never page content), pass/fail, duration, issue counts, and a persistent anonymous install ID. Full scan results, HTML, and generated fix code never leave your machine via telemetry. SetWEBABILITY_SCAN_TELEMETRY=offto opt out.

Two tools —generate_ai_fixandvisual_audit— additionally send page content (an HTML snippet or a screenshot) to WebAbility's API so it can call a third-party LLM on your behalf; WebAbility doesn't store that content, but the LLM provider sees it in transit. SeePRIVACY.mdfor the full per-tool breakdown and WebAbility'sprivacy policy.

- WebAbility.io— the accessibility platform (widget, scanner, AI agents, dashboard)
-
MCP server documentation·all docs
-
Accessibility widget— one-line install, WCAG-compliant remediation for live sites
-
Professional accessibility audit·managed accessibility
-
Free WCAG & ADA accessibility checker— scan any URL in seconds
-
Pricing·lifetime deal

- WCAG 2.1 / 2.2 AA— Web Content Accessibility Guidelines
-
ADA compliance— Americans with Disabilities Act
-
Section 508— U.S. federal accessibility requirements
-
EAA — European Accessibility Act·AODA— Ontario (Canada)

- Government·Education·Healthcare·Finance
-
E-commerce / retail·Legal·Media·Non-profit

- WordPress·Shopify·Webflow·Squarespace·BigCommerce·HubSpot·any site (embed)

- npm:@webability/mcp· Source:github.com/snayyar00/webability-mcp

Keywords: web accessibility, accessibility testing, WCAG 2.2 AA, ADA compliance, Section 508, EAA, AODA, a11y, accessibility scanner, color contrast checker, ARIA validation, alt text, keyboard navigation, screen reader, MCP server, accessibility for AI coding agents.

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.