A11y MCPサーバー
axe-core を使ってウェブページのアクセシビリティを監査するための MCP (Model Context Protocol) サーバーです。監査結果をお気に入りの AI アシスタント (Cline/Cursor/GH Copilot) と連携してエージェントループで使用すれば、A11y の問題を自動的に修正してくれます。
特徴
- あらゆるウェブページで詳細なアクセシビリティ監査を実行します
- アクセシビリティの問題の概要を取得する
- 特定のWCAG基準で監査をフィルタリングする
- デバッグを容易にするために結果に HTML スニペットを含める
インストール
構成
この MCP サーバーを Cline で使用するには、MCP 設定構成ファイルに追加する必要があります。
MCP構成
mcpServers
オブジェクトに以下を追加します。
利用可能なツール
監査ウェブページ
Web ページの詳細なアクセシビリティ監査を実行します。
パラメータ:
url
(必須): 監査するウェブページのURLincludeHtml
(オプション): 結果に HTML スニペットを含めるかどうか (デフォルト: false)tags
(オプション): チェックする特定のアクセシビリティタグの配列 (例: wcag2a、wcag2aa、wcag21a、best-practice)
例:
要約を取得する
Web ページのアクセシビリティの問題の概要を取得します。
パラメータ:
url
(必須): 監査するウェブページのURL
例:
使用例
設定が完了したら、Claude に MCP サーバーを使用してアクセシビリティ監査を実行するように依頼できます。
- 「example.com のアクセシビリティの問題を確認できますか?」
- 「 https://mywebsite.comのウェブサイトが WCAG 2.1 AA に準拠しているか監査してください」
- 「 https://example.comのアクセシビリティ問題の概要を教えてください」
- 「 http://localhost:3000にあるローカル開発サーバーに重大なアクセシビリティの問題があるかどうかを確認します」
発達
開発用にサーバーをローカルで実行するには:
リリース
このプロジェクトには、バージョン管理とnpmへの公開を支援するリリーススクリプトが含まれています。このスクリプトは、バージョンアップ、テストの実行、gitタグの付与、npmへの公開を処理します。
新しいバージョンをリリースするには:
詳細については、以下を実行してください。
ライセンス
MPL 2.0
クレジット
このプロジェクトはaxe-coreの素晴らしい成果の上に構築されています
This server cannot be installed
axe-core を使ってウェブページのアクセシビリティを監査するための MCP (Model Context Protocol) サーバーです。監査結果をお気に入りの AI アシスタント (Cline/Cursor/GH Copilot) と連携してエージェントループで使用すれば、A11y の問題を自動的に修正してくれます。