网站无障碍检查工具

Moby无障碍检查器是一款为Claude Desktop设计的综合无障碍审计工具,通过生成0-100分的Moby评分,帮助用户快速评估网站的无障碍性能,并提供详细的改进建议。

  • by cs97jjm3
  • JavaScript
  • 本地部署
  • 更新于
在 GitHub 查看 cs97jjm3/Moby-Accessibility-Checker-MCP

使用说明

🐕 Moby无障碍检查器

“就像一只好狗,你的网站应该很兴奋地迎接每个人——无论他们是如何到达门口的。”

用于Claude Desktop的全面可访问性审计MCP服务器,可生成 Moby分数 -一个简单的0-100分的评分,衡量你的网站对每个人的效果。

以Moby命名,因为可访问性应该是简单、可靠和友好的。

✨ 特性

  • 🎯 莫比分数(0-100) -一个明确的指标,而不是数百个警告
  • 🔧 10免费工具 -axe core、Pa11y、Lighthouse、IBM Equal Access和6个自定义检查器
  • 🇬🇧 英国法律合规 -检查2018年公共部门条例、2010年平等法案、CQC标准
  • 🏥 护理行业重点 -NHS标准、紧急功能、适合老年人的文本
  • 📄 专业PDF -利益相关者准备的报告,包含代码修复前后
  • 🌐 跨浏览器测试 -Chromium、Firefox、WebKit
  • ⚡ 快速 -30秒总结,60秒全面审核
  • 💯 永远免费 -所有工具都是开源的,不需要API密钥

🚀 快速开始

一键安装(推荐)

  1. 下载 .mcpb 文件 从 发布页面
  2. 双击 这 .mcpb 文件(或通过克劳德桌面>设置>扩展安装)
  3. 重新启动克劳德桌面
  4. 测试IT -In Claude:“检查可访问性https://example.com"

手动安装(开发人员)

  1. 克隆此仓库

    git clone https://github.com/cs97jjm3/Moby-Accessibility-Checker-MCP.git
    cd Moby-Accessibility-Checker-MCP
    
  2. 运行安装程序 (Windows/Mac/Linux)

    # Windows
    install.bat
    
    # Mac/Linux
    chmod +x install.sh
    ./install.sh
    
  3. 重新启动克劳德桌面

或手动安装:

npm install
npx playwright install chromium firefox webkit

然后添加到您的Claude Desktop配置中(%APPDATA%\Claude\claude_desktop_config.json 在Windows上):

{
  "mcpServers": {
    "moby-accessibility-checker": {
      "command": "node",
      "args": ["C:\\path\\to\\Moby-Accessibility-Checker-MCP\\index.js"]
    }
  }
}

📊 Moby分数

刻度:0-100

  • 90-100:未完成 🐕 - 莫比赞成!合法合规
  • 75-89:良好 -需要小幅改进
  • 60-74:需要改进 -需要大量工作
  • 40-59:不足 -重大失败,法律风险高
  • 0-39:关键 -需要立即采取行动

它是如何计算的

  • 开始:100分
  • 关键问题:-10分(法律风险、安全)
  • 严重问题:-3分(主要障碍)
  • 中等问题:-1分(可用性问题)
  • 小问题:-0.25分(抛光)

🛠️ 包含的工具

  1. 斧头核心 -90多条WCAG规则
  2. Pa11y -HTML_CodeSniffer引擎
  3. 灯塔 -谷歌的可访问性审计
  4. IBM平等访问 -企业级检查
  5. 颜色对比度检查器 -WCAG AA/AAA合规性
  6. 键盘导航测试仪 -标签顺序、焦点陷阱
  7. ARIA验证器 -标签、角色、状态
  8. 认知检查器 -阅读水平分析
  9. 表格审核员 -标签、自动补全、错误
  10. 护理部门检查员 -NHS/CQC标准

📖 用法

基础审计

User: Check accessibility for https://example.com
Claude: Full audit or summary?
User: Full

60秒后的结果:

THE MOBY ACCESSIBILITY SCORE™
🐕 72/100 - REQUIRES IMPROVEMENT

ISSUE BREAKDOWN:
• Critical:  3 issues  [-30 points]
• Serious:   12 issues [-36 points]
• Moderate:  24 issues [-24 points]
• Minor:     8 issues  [-2 points]

UK LEGAL COMPLIANCE:
✗ Not compliant - Risk Level: HIGH

NEXT STEPS:
1. [P0] Fix 3 critical issues (2 days)
2. [P1] Fix 12 serious issues (3 days)
3. Target: 85/100 = Legal compliance

生成PDF报告

User: Generate PDF report for that audit

为您提供一个专业的20页PDF,其中包含:

  • Moby评分和评级
  • 执行摘要
  • 截图的所有问题
  • 代码修复之前/之后
  • 英国法律合规状况
  • 优先行动计划

其他命令

Check color contrast on https://example.com
Test keyboard navigation for https://example.com
Compare browsers for https://example.com
Check NHS and CQC standards for https://example.com

🇬🇧 英国法律合规

自动检查:

  • ✅ 2018年公共部门机构(网站和移动应用程序)无障碍条例
  • ✅ 2010年《平等法》 (合理调整)
  • ✅ CQC安全有效标准 (护理部门)
  • ✅ NHS数字服务标准

🏥 护理行业特征

  • 紧急按钮的可访问性(尺寸、可见性、标签)
  • 老年用户的文本大小(最小14px)
  • 健康信息清晰度(药物、剂量)
  • 护理记录表可访问性
  • NHS调色板合规性

📄 输出示例

之前

“我们的网站有143个可访问性违规,但我们不知道该先修复什么……”

之后

THE MOBY SCORE: 58/100 - INADEQUATE

PRIORITY ACTIONS:
1. [P0] Fix 5 critical issues (2 days) → +50 points
2. [P1] Fix 18 serious issues (3 days) → +54 points
3. Target: 85/100 = Legal compliance

Current Risk: HIGH
Estimated to compliance: 5 days

🔧 配置

浏览器设置

编辑 config/browsers.json:

{
  "chromium": { "enabled": true, "engine": "puppeteer" },
  "firefox": { "enabled": true, "engine": "playwright" },
  "webkit": { "enabled": true, "engine": "playwright" }
}

评分定制

编辑 config/moby-scoring.json 调整:

  • 按严重程度扣分
  • 加分标准
  • 评级阈值
  • 法律合规要求

📦 包含什么

moby-accessibility-checker/
├── package.json              # Dependencies
├── index.js                  # MCP server
├── .gitignore               # Git exclusions
├── install.bat              # Windows installer
├── install.sh               # Mac/Linux installer
├── manifest.json            # Claude Desktop config
├── README.md                # This file
├── QUICK_START.md           # Quick start guide
├── DISTRIBUTION.md          # Distribution guide
├── config/
│   ├── browsers.json        # Browser settings
│   └── moby-scoring.json    # Score thresholds
└── lib/
    ├── audit-engine.js      # Orchestrates all checks
    ├── browser-manager.js   # Handles browsers
    ├── moby-scorer.js       # Calculates Moby Score
    ├── contrast-checker.js  # Color contrast
    ├── keyboard-tester.js   # Keyboard navigation
    ├── cognitive-checker.js # Reading level
    ├── care-sector-checks.js # NHS/CQC
    └── pdf-generator.js     # Creates PDFs

🤝 贡献

欢迎投稿!拜托:

  1. 分叉回购
  2. 创建要素分支(git checkout -b feature/amazing-feature)
  3. 提交您的更改(git commit -m 'Add amazing feature')
  4. 推到分支(git push origin feature/amazing-feature)
  5. 打开拉取请求

📝 许可证

MIT许可证-请参阅 许可证 文件以获取详细信息。

🙏 致谢

  • 斧头核心 -Deque系统
  • Pa11y -Pa11y团队
  • 灯塔 谷歌
  • 剧作家 -微软
  • 操纵者 谷歌
  • IBM平等访问 -IBM

🐕 为什么是“Moby”?

以我的狗命名——因为可访问性应该是简单、可靠和友好的。没有企业术语,只有明确的结果,帮助真实的人获得护理服务。


📚 学习构建这样的工具

此工具是使用中描述的方法构建的 《商业分析师人工智能辅助工具开发指南》.

学习如何:

  • 构建自己的自动化工具
  • 每周节省8+小时
  • 与AI有效合作
  • 从创意到生产工具

获取指南: https://murrelljames.gumroad.com/l/pvfww (£5)

存储库: https://github.com/cs97jjm3/ba-ai-tools-guide

由一位57岁的BA建造,他以前从未编码过。如果我能做到,你也能。


问题? 打开一个问题
想帮忙吗? 提交PR
觉得有用吗? 标记回购⭐

由...制作❤️ 詹姆斯·默雷尔