@webability/mcp

@webability/mcp

Accessibility testing MCP server for Cursor, VS Code Copilot, and Claude Code.

Install

npm install -g @webability/mcp

Setup

Add to your IDE's MCP config:

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

Tools

Tool	What it does
scan_page	Scan a URL for WCAG accessibility issues
flow_scan	Multi-page journey scan with deduplicated issues
scan_html	Scan a raw HTML snippet (no URL needed)
detect_framework	Detect Tailwind / MUI / Bootstrap / Next.js / WP / plain CSS
generate_ai_fix	Framework-aware fix alternatives for an issue
visual_audit	Pixel-level audit via vision (icon contrast, focus, hierarchy)
check_color_contrast	WCAG contrast check on a color pair (no browser)
check_aria	Validate ARIA attributes in an HTML snippet
get_rules	List axe-core rules with optional tag filter
find_source	Map a CSS selector back to local source files

Example

In Cursor or Claude Code:

"Scan localhost:3000 for accessibility issues"

"Check contrast of #777 on #eee for 16px text"

"List all WCAG 2.1 AA rules"

Links

• WebAbility — AI-powered web accessibility platform
• Documentation

License

MIT