local-only server

The server can only run on the client’s local machine because it depends on local resources.

MCP アクセシビリティスキャナー

Playwright と Axe-core を使用して Web ページの自動アクセシビリティスキャンを実行するための Model Context Protocol (MCP) サーバー。

特徴

✅ WCAG 2.1/2.2 の完全なコンプライアンスチェック
🖼️ 違反箇所を強調表示する自動スクリーンショットキャプチャ
📄 修復ガイダンス付きの詳細なJSONレポート

インストール

# Clone repository
git clone https://github.com/JustasMonkev/mcp-accessibility-scanner.git
cd mcp-accessibility-scanner

# Install dependencies
npm install

# Build project (compiles TypeScript and installs Playwright browsers)
npm run prepare

クロードデスクトップ構成

アクセシビリティスキャナサーバーを有効にするには、Claude デスクトップ設定に以下を追加します。

{
  "mcpServers": {
    "accessibility-checker": {
      "command": "node",
      "args": [
        "path/build/server.js"
      ]
    }
  }
}

使用法

スキャナーは、以下を受け入れる単一のツールscan_accessibilityを公開します。

url : スキャンするウェブページのURL
violationsTag : チェックするアクセシビリティ違反タグの配列

Claude での使用例:

Could you scan example.com for accessibility issues related to color contrast?

発達

TypeScript コンパイラをウォッチモードで起動します。

npm run watch

MCP サーバーをローカルでテストします。

npm run inspector

プロジェクト構造

src/ : ソースコード
- index.ts : MCP サーバーのセットアップとツールの定義
- accessibilityChecker.ts : コアスキャン機能
dist/ : コンパイルされたJavaScript出力
package.json : プロジェクトの依存関係とスクリプト
tsconfig.json : TypeScript の設定

出力

スキャナーは以下を提供します:

ページ上で番号付きの違反が強調表示された視覚的なレポート
発見されたすべての違反の詳細なJSONレポート
ダウンロードに保存されたフルページのスクリーンショット

This server cannot be installed

-

security - not tested

A

license - permissive license

-

quality - not tested

Playwright と Axe-core を使用して WCAG 準拠の自動 Web アクセシビリティスキャンを有効にし、修復ガイダンスを含むビジュアルレポートと JSON レポートを提供します。

Related Resources

Reddit Discussion about this server

MCP Accessibility Scanner

MCP アクセシビリティスキャナー

特徴

インストール

クロードデスクトップ構成

使用法

発達

プロジェクト構造

出力

Related Resources

Appeared in Searches

MCP アクセシビリティ スキャナー

特徴

インストール

クロードデスクトップ構成

使用法

発達

プロジェクト構造

出力

Related Resources

Appeared in Searches

MCP アクセシビリティスキャナー