Axe MCP Server Public

Axe DevTools公式のMCPサーバーで、AIプログラミングアシスタントにウェブページのアクセシビリティ検出と修正ツールを提供し、開発者がIDE内で直接アクセシビリティ問題を解決できるよう支援します。

開発者ツール法律とコンプライアンス #アクセシビリティ検出 #AIプログラミングアシスタント #ウェブアクセシビリティ #コード修正

スコア : 2ポイント

ダウンロード数 : 4.1K

更新時間 : 2026-03-12

サイトを開く

Axe MCPサーバーとは？

Axe MCPサーバーは、AIプログラミングアシスタント（Claude、GitHub Copilot、Cursorなど）とDeque Axeアクセシビリティ検出ツールを接続するサービスです。これにより、AIアシスタントはコードを記述する際に自動的にウェブページのアクセシビリティ問題を検出し、修正提案を提供し、開発の早期段階でアクセシビリティ障害を解決できます。

Axe MCPサーバーの使い方は？

MCPプロトコルをサポートするAIプログラミングツールでAxe MCPサーバーを設定する必要があります。そうすると、AIアシスタントは2つの核心機能を使用できます。1) ウェブページのアクセシビリティ問題を分析する；2) コード修正をガイドする修正提案を取得する。このプロセスはすべてあなたのIDE内でシームレスに行われます。

適用シーン

ウェブ開発チームが開発過程の早期段階でアクセシビリティ問題を発見して修正したい場合、特にAIプログラミングアシスタントと組み合わせて使用する場合に適しています。フロントエンド開発者、フルスタックエンジニア、アクセシビリティ専門家、およびデジタルインクルージョンに関心のあるすべての開発チームに適しています。

主な機能

ウェブページのアクセシビリティ分析

業界をリードするAxeエンジンを使用してウェブページをスキャンし、キーボードナビゲーション、スクリーンリーダー互換性、色のコントラストなど、さまざまなアクセシビリティ問題を検出します。

スマートな修正提案

AIによるコードレベルの修正ガイダンスを提供し、AIプログラミングアシスタントが自動的にアクセシビリティ修正コードを生成できるようにし、自動ソースコード修正をサポートします。

多プラットフォームAIアシスタント統合

Claude Desktop、VS Code、Cursorなどのさまざまな主流のAIプログラミングツールをサポートし、既存の開発ワークフローにシームレスに統合します。

コンテナ化デプロイ

Dockerイメージを提供し、インストールと設定プロセスを簡素化し、環境の一貫性を確保し、複数のオペレーティングシステムをサポートします。

利点

Dequeの長年の専門知識に基づく、業界をリードするアクセシビリティ検出技術

AIプログラミングアシスタントとの深い統合により、開発過程でのリアルタイム検出を実現

問題報告だけでなく、具体的なコード修正提案を提供

自動化修正をサポートし、開発効率を向上

コンテナ化デプロイにより、インストールと設定が簡単

制限

Axe DevTools for Webサービスの有料サブスクリプションが必要

APIキーとDocker環境の設定が必要

主にウェブアクセシビリティに焦点を当てており、他のプラットフォームは対象外

検出結果を理解するために基本的なアクセシビリティ知識が必要

使い方

サブスクリプションとAPIキーを取得する

Dequeの公式サイトにアクセスしてAxe DevTools for Webサービスをサブスクライブし、axe.deque.com/settingsページでAPIキーを取得します。

Dockerをインストールする

システムにDockerがインストールされていることを確認してください。これはAxe MCPサーバーを実行するために必要な環境です。

AIプログラミングツールを設定する

使用しているAIプログラミングツール（Claude Desktop、VS Codeなど）に応じて、公式ドキュメントに従ってMCPサーバーの接続を設定します。

使用を開始する

AIプログラミングアシスタントで、analyzeとremediateコマンドを使用してアクセシビリティ問題を検出して修正できます。

使用例

ログインページのアクセシビリティ問題を検出する

開発チームが新しいログインページを作成しており、すべてのユーザーが支障なくこの機能を使用できることを確認したいと考えています。

画像の代替テキストが欠けている問題を修正する

ウェブサイト上にalt属性が欠けている複数の画像があり、スクリーンリーダーユーザーが画像の内容を理解できるように一括修正する必要があります。

色のコントラストを改善する

デザイナーが選択した配色は、低視力ユーザーにとってコントラストが不足しており、読みやすさを確保するために調整する必要があります。

よくある質問

Axe MCPサーバーを使用するには何が必要ですか？

このサービスは無料ですか？

どのAIプログラミングツールをサポートしていますか？

検出結果は正確ですか？

技術サポートをどのように取得できますか？

🚀 axe MCP Server

このプロジェクトは、Axe DevTools for Web の公式 Model Context Protocol (MCP) サーバーです。Claude、GitHub Copilot、Cursor などのAIコーディングエージェントを使って、IDE内で直接アクセシビリティの問題を見つけ、修正することができます。