mcpField
A
Accessibility Hub

Accessibility Hub

Local
github.com/drzknDeveloper Tools3Updated 36w ago

About Accessibility Hub

Accessibility Hub is an MCP server for web developers that orchestrates axe-core, Pa11y, and Lighthouse accessibility checks. It adds WCAG context, affected-user details, and remediation guidance to findings.

Key features

  1. 01Run axe-core, Pa11y, and Lighthouse checks
  2. 02Combine results from parallel analyses
  3. 03Check WCAG 2.1 and APCA color contrast
  4. 04Add WCAG context and affected-user details
  5. 05Provide remediation priorities and steps

Use cases

  1. 01Audit a page and obtain a WCAG compliance report
  2. 02Check accessibility score thresholds before deployment
  3. 03Find contrast issues and review suggested fixes

MCP support

The MCP server exposes web accessibility analysis tools, prompts, and reference resources such as WCAG criteria to clients.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

No install method listed yet

We haven’t collected a package or remote endpoint for this server. Follow the instructions in the project README.

Repository

Tools

No tool list yet

Local servers expose tools only once running on your machine, and the maintainer has not provided a tool list.

Details

From the project README

AccesibilityHub

MCP Server for orchestrating web accessibility tools (axe-core, Pa11y, Lighthouse). Analyze web pages, check color contrast, get Lighthouse accessibility scores, and get detailed WCAG compliance reports with enriched human context.

npm version License: MIT

Quick Start

npm install -g AccesibilityHub

Add to your MCP client configuration:

{
  "mcpServers": {
    "AccesibilityHub": {
      "command": "npx",
      "args": ["-y", "AccesibilityHub"]
    }
  }
}

Then ask your AI assistant:

"Analyze the accessibility of https://example.com"

Available Tools

ToolDescriptionDocs
analyze-with-axeAnalyze accessibility using axe-coredocs/tools/analyze-with-axe.md
analyze-with-pa11yAnalyze accessibility using Pa11ydocs/tools/analyze-with-pa11y.md
analyze-with-lighthouseAnalyze accessibility using Lighthouse (score 0-100)docs/tools/analyze-with-lighthouse.md
analyze-contrastCheck color contrast (WCAG 2.1 / APCA)docs/tools/analyze-contrast.md
analyze-mixed ⭐Run multiple tools in parallel and combine resultsdocs/tools/analyze-mixed.md

Available Prompts

PromptDescriptionDocs
full-accessibility-auditComprehensive audit using axe-core, Pa11y, and Lighthousedocs/prompts/full-accessibility-audit.md
quick-accessibility-checkFast check with critical issues summarydocs/prompts/quick-accessibility-check.md
contrast-checkColor contrast analysis with fix suggestionsdocs/prompts/contrast-check.md
pre-deploy-checkVerify compliance with score threshold before deploymentdocs/prompts/pre-deploy-check.md
quick-wins-reportHigh-impact, low-effort fixes from all three toolsdocs/prompts/quick-wins-report.md
explain-wcag-criterionDeep dive into any WCAG criteriondocs/prompts/explain-wcag-criterion.md
lighthouse-auditLighthouse score-focused accessibility auditdocs/prompts/lighthouse-audit.md
lighthouse-score-improvementPhased plan to reach a target accessibility scoredocs/prompts/lighthouse-score-improvement.md

Available Resources

ResourceDescriptionDocs
wcag://criteriaWCAG 2.1 criteria reference datadocs/resources/wcag-criteria.md
contrast://thresholds/*Contrast thresholds (WCAG 2.1 / APCA)docs/resources/contrast-thresholds.md
lighthouse://auditsLighthouse accessibility audit catalog with WCAG mappingsdocs/resources/lighthouse-audits.md

Enriched Human Context ✨

All accessibility issues include enriched context to help you understand and fix them:

  • WCAG criterion explanation with real-world impact
  • Affected users (screen-reader, keyboard-only, low-vision, etc.)
  • Remediation priority and fix effort estimates
  • Step-by-step suggested solutions
{
  "ruleId": "image-alt",
  "severity": "serious",
  "humanContext": "Non-text content (WCAG 1.1.1 - Level A)...",
  "affectedUsers": ["screen-reader", "low-vision"],
  "priority": "critical",
  "remediationEffort": "low"
}

Documentation

DocumentDescription
Getting StartedInstallation and MCP client configuration
Tools ReferenceDetailed tool documentation
Prompts ReferencePrompt templates and usage
Resources ReferenceAvailable WCAG and contrast data
Workflows GuideRecommended workflows
Effective PromptsTips for better accessibility prompts
Interpreting ResultsHow to prioritize and fix issues
ContributingProject structure, development, and contributions

Requirements

  • Node.js ≥ 20
  • Chrome/Chromium (automatically downloaded by Puppeteer)

Support Me

If this project helps you, consider supporting its development:

ko-fi Buy Me A Coffee

License

MIT

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.