Accessibility Hub

AccesibilityHub

用于编排网页无障碍工具（axe-core、Pa11y、Lighthouse）的 MCP 服务。分析网页、检查颜色对比度、获取 Lighthouse 无障碍评分，并生成附带丰富人工解读的详细 WCAG 合规报告。

快速开始

npm install -g AccesibilityHub

添加到 MCP 客户端配置中：

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

然后询问你的 AI 助手：

“分析 https://example.com 的无障碍情况”

可用工具

工具	描述	文档
analyze-with-axe	使用 axe-core 分析无障碍情况	docs/tools/analyze-with-axe.md
analyze-with-pa11y	使用 Pa11y 分析无障碍情况	docs/tools/analyze-with-pa11y.md
analyze-with-lighthouse	使用 Lighthouse 分析无障碍情况（评分 0-100）	docs/tools/analyze-with-lighthouse.md
analyze-contrast	检查颜色对比度（WCAG 2.1 / APCA）	docs/tools/analyze-contrast.md
analyze-mixed ⭐	并行运行多个工具并合并结果	docs/tools/analyze-mixed.md

可用提示词

提示词	描述	文档
full-accessibility-audit	使用 axe-core、Pa11y 和 Lighthouse 进行全面审计	docs/prompts/full-accessibility-audit.md
quick-accessibility-check	快速检查并汇总关键问题	docs/prompts/quick-accessibility-check.md
contrast-check	分析颜色对比度并提供修复建议	docs/prompts/contrast-check.md
pre-deploy-check	部署前验证是否达到评分阈值	docs/prompts/pre-deploy-check.md
quick-wins-report	汇总全部三个工具发现的高影响、低成本修复项	docs/prompts/quick-wins-report.md
explain-wcag-criterion	深入了解任意 WCAG 标准	docs/prompts/explain-wcag-criterion.md
lighthouse-audit	侧重 Lighthouse 评分的无障碍审计	docs/prompts/lighthouse-audit.md
lighthouse-score-improvement	制定分阶段计划，以达到目标无障碍评分	docs/prompts/lighthouse-score-improvement.md

可用资源

资源	描述	文档
wcag://criteria	WCAG 2.1 标准参考数据	docs/resources/wcag-criteria.md
contrast://thresholds/*	对比度阈值（WCAG 2.1 / APCA）	docs/resources/contrast-thresholds.md
lighthouse://audits	Lighthouse 无障碍审计目录及 WCAG 映射	docs/resources/lighthouse-audits.md

丰富的人工解读 ✨

所有无障碍问题都附有丰富的背景信息，帮助你理解并修复问题：

• WCAG 标准说明及其现实影响
• 受影响的用户（屏幕阅读器用户、仅使用键盘的用户、低视力用户等）
• 修复优先级和修复工作量估算
• 分步解决方案建议

{
  "ruleId": "image-alt",
  "severity": "serious",
  "humanContext": "Non-text content (WCAG 1.1.1 - Level A)...",
  "affectedUsers": ["screen-reader", "low-vision"],
  "priority": "critical",
  "remediationEffort": "low"
}

文档

文档	描述
入门指南	安装和 MCP 客户端配置
工具参考	工具的详细文档
提示词参考	提示词模板和用法
资源参考	可用的 WCAG 和对比度数据
工作流指南	推荐的工作流
有效提示词	编写更好的无障碍提示词的技巧
解读结果	如何确定问题的优先级并修复问题
贡献指南	项目结构、开发和贡献

要求

• Node.js ≥ 20
• Chrome/Chromium（由 Puppeteer 自动下载）

支持我

如果这个项目对你有所帮助，不妨支持其开发：

许可证

MIT