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	3つのツールすべてから、効果が高く手間の少ない修正案を提示します	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	WCAG との対応関係を含む Lighthouse アクセシビリティ監査カタログ	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