a11y-mcp

A11y MCPサーバー

axe-core を使ってウェブページのアクセシビリティを監査するための MCP (Model Context Protocol) サーバーです。監査結果をお気に入りの AI アシスタント (Cline/Cursor/GH Copilot) と連携してエージェントループで使用すれば、A11y の問題を自動的に修正してくれます。

特徴

• あらゆるウェブページで詳細なアクセシビリティ監査を実行します
• アクセシビリティの問題の概要を取得する
• 特定のWCAG基準で監査をフィルタリングする
• デバッグを容易にするために結果に HTML スニペットを含める

インストール

構成

この MCP サーバーを Cline で使用するには、MCP 設定構成ファイルに追加する必要があります。

MCP構成

mcpServersオブジェクトに以下を追加します。

利用可能なツール

監査ウェブページ

Web ページの詳細なアクセシビリティ監査を実行します。

パラメータ:

• url (必須): 監査するウェブページのURL
• includeHtml (オプション): 結果に HTML スニペットを含めるかどうか (デフォルト: false)
• tags (オプション): チェックする特定のアクセシビリティタグの配列 (例: wcag2a、wcag2aa、wcag21a、best-practice)

例：

要約を取得する

Web ページのアクセシビリティの問題の概要を取得します。

パラメータ:

• url (必須): 監査するウェブページのURL

例：

使用例

設定が完了したら、Claude に MCP サーバーを使用してアクセシビリティ監査を実行するように依頼できます。

1. 「example.com のアクセシビリティの問題を確認できますか?」
2. 「 https://mywebsite.comのウェブサイトが WCAG 2.1 AA に準拠しているか監査してください」
3. 「 https://example.comのアクセシビリティ問題の概要を教えてください」
4. 「 http://localhost:3000にあるローカル開発サーバーに重大なアクセシビリティの問題があるかどうかを確認します」

発達

開発用にサーバーをローカルで実行するには:

リリース

このプロジェクトには、バージョン管理とnpmへの公開を支援するリリーススクリプトが含まれています。このスクリプトは、バージョンアップ、テストの実行、gitタグの付与、npmへの公開を処理します。

新しいバージョンをリリースするには:

詳細については、以下を実行してください。

ライセンス

MPL 2.0

クレジット

このプロジェクトはaxe-coreの素晴らしい成果の上に構築されています