Axe MCPサーバー

概要

Axe MCPサーバーは、モデルコンテキストプロトコル（MCP）サーバーであり、企業グレードのアクセシビリティテストを直接開発ワークフローに統合します。信頼のおけるAxeプラットフォームに基づき、開発者が包括的なアクセシビリティスキャンを実行し、IDEを離れることなく専門的な修正ガイダンスを受けることを可能にします。

このサーバーは二つのツールを提供します。analyzeはページをスキャンし、同じ呼び出しでインテリジェントガイドテストを実行できます。また、remediateは見つかった問題をコード修正に変換します。第三のツールであるigtは非推奨です。

これらのツールは、Claude Desktop、VS Code with Copilot、CursorなどのMCP互換クライアントとシームレスに統合され、組織のAxe設定を尊重します。

アクセスを取得する

Axe MCPサーバーはAxe DevTools for Webパッケージに含まれています。Axe MCPサーバーへのアクセスを有効にするためのサブスクリプションは、Dequeの営業担当者と話すことで設定されます。

ツールと機能

analyzeツール

Axe DevToolsブラウザ拡張を使用して、実際のブラウザでウェブページのアクセシビリティの問題をスキャンし、結果をエージェントに返します。それはlocalhost:3000のようなローカル開発URLとリモートURLの両方で機能し、組織のAxe設定を尊重します。

オプションにより、特定のビューポートサイズでスキャンを行い、ページの一部スキャンの範囲を設定を対象にし、スキャン前にバナーをログインまたは閉じる、クッキーを挿入、スクリーンショットをキャプチャを実行し、高度なルールを実行できます。

分析ツールを参照してください。

インテリジェントガイドテスト

analyzeツールは、同じ呼び出しで同じページに対してDequeの自動インテリジェントガイド付きテスト（IGT）を実行することもできます：キーボード、インタラクティブ要素、モーダルダイアログのIGTs。IGTはAIに基づいており、AIクレジットを使用します。

インテリジェントガイドテストを参照してください。

remediateツール

analyzeで見つかった問題を取り込んで、AI駆動の修正ガイダンスを返し、具体的なコード修正を提供します。ランからのすべての問題を一度にバッチコールで送信します。各問題はAIクレジットを消費します。

修正ツールを参照してください。

igtツール

非推奨。代わりにanalyzeをigtToolsパラメータと共に使用してください。igtツールを参照してください。

始めに

Axe MCPサーバーの設定には、三つの独立した選択が含まれます：

1. ディストリビューションを選択 — Dockerまたはnpm
2. 認証を設定 — APIキーまたはOAuth 2.0
3. クライアントを構成 — VS Code with Copilot、カーソル、またはClaude Code

Claude CodeユーザーはAxeアクセシビリティプラグインを使用してこれらのステップをスキップできます。サーバーを登録し、設定、エージェント指示、および完全な改善ループを実行するためのスラッシュコマンドを追加します。

環境変数と推奨されるAIエージェントの指示については構成リファレンスを参照してください。不具合が発生した場合はトラブルシューティングを参照してください。

サンプルプロンプト

期待されるツールが呼び出されることを確認する

多くのIDEで、次の構文（「#」プレフィックス）を使用することで、Axe MCPサーバーのツールが期待どおりに呼び出されることが保証されます。

#analyze the http://localhost:3033/ web page for accessibility issues and #remediate any violations found

ローカルホストURLのアクセシビリティ問題を分析する:

Analyze http://localhost:3000 for accessibility issues

修正を伴う分析:

Analyze https://example.com for accessibility issues and fix any issues found

ログインの背後にあるページを分析する：

Analyze http://localhost:3000 for accessibility issues. Before running the
analysis, fill in the #username and #password fields with USERNAME and
PASSWORD from ./.env.local, click the button[type=submit] button, and
wait for #main-content to appear.

スキャンの前にクッキーバナーを解除する：

Analyze https://example.com for accessibility issues, but first click the
#cookie-dismiss button to dismiss the cookie consent banner.

ページのスクリーンショットをキャプチャ:

Analyze http://localhost:3000 for accessibility issues and capture a screenshot of the page

セッションクッキーを注入してページをスキャンします：

Analyze https://app.example.com for accessibility issues. Set the session
cookie for app.example.com from ./.env.local so the scan starts already
logged in.

すべてのガイド付きテストを一度に実行：

Analyze http://localhost:3000 for accessibility issues with thorough
advanced rules. Also run the keyboard, interactive elements, and modal
guided tests (test the modal triggered by button#open-dialog).

テストするインタラクティブ要素を選択：

Analyze http://localhost:3000 and run the interactive elements guided test.
Show me the interactive elements it finds first and let me choose which
ones to test.

モーダルダイアログをテスト：

Analyze http://localhost:3000 and run the modal guided test on the dialog
opened by #open-dialog

サポート

Axe MCPサーバーに関する質問、問題、またはフィードバックがある場合：

• 技術サポート: helpdesk@deque.com
• 一般的なお問い合わせ: helpdesk@deque.com
• 販売に関する質問: sales@deque.com

セキュリティとプライバシー

サーバーがDequeに送信するもの、保存するもの、およびAIエージェントが必要とするアクセスについては、セキュリティとプライバシーに関するFAQを参照してください。