mcpField
I
Inclusify Accessibility

Inclusify Accessibility

リモート
inclusifyapp.com開発ツール09 週間前に更新
リポジトリ公式サイト

Inclusify Accessibility について

Inclusify Accessibilityは、Inclusifyアカウント内のウェブサイトのアクセシビリティ情報や検査をAIアシスタントに提供します。問題の調査、修正の検証、アクセシビリティ機能の管理に対応します。

主な機能

  1. 01サイトのアクセシビリティ状況と問題一覧
  2. 02修正箇所を探すためのソース文字列
  3. 03キーボードとスクリーンリーダーのライブ検査
  4. 04デプロイ前のマークアップ修正検証
  5. 05ウィジェットとアラートの管理

活用シーン

  1. 01自社サイトのアクセシビリティ問題の特定
  2. 02ソース文字列を使った関連テンプレートの特定
  3. 03デプロイ前のマークアップ修正の検証
  4. 04サイトのウィジェット設定とアラートの確認

MCP 対応

https://app.inclusifyapp.com/api/mcp/customer のMCPサーバーが、InclusifyのウェブサイトアクセシビリティツールをAIアシスタントに公開します。サイトの問題詳細とライブ検査はアカウントプランによって利用範囲が異なります。

設定

リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。

エンドポイントhttps://app.inclusifyapp.com/api/mcp/customer
インストールコマンドをコピー
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。

ツール

詳細

AI エージェント向け Inclusify

AI アシスタントを Inclusify に接続すると、ご自身のウェブサイトのアクセシビリティについて質問できます。何が失敗しているか、ソース内のどこにあるか、そして今書いた修正で本当に解決できるかを確認できます。

このリポジトリはインストール用の構成要素(プラグインのマニフェスト、レジストリエントリー、1 つのスキル)を提供します。MCP サーバー自体は https://app.inclusifyapp.com/api/mcp/customer で稼働しており、オープンソースではありません。

インストール

Cursor — Cursor に追加、または Cursor マーケットプレイスから Inclusify プラグインをインストールしてください。

Claude Code

claude mcp add --transport http inclusify https://app.inclusifyapp.com/api/mcp/customer

このリポジトリをプラグインマーケットプレイスとしてインストールすることもできます。スキルも一緒に導入されます。

/plugin marketplace add magebitcom/inclusify-plugin

Gemini CLI

gemini extensions install https://github.com/magebitcom/inclusify-plugin

その他すべて — Claude のウェブ版とデスクトップ版、ChatGPT、VS Code、Windsurf、Continue などでは、それぞれ URL を 1 つ設定するだけです。クライアントごとの正確なファイル名とフィールド名は、inclusifyapp.com/docs/integrations/mcp に記載されています。

初回接続

クライアントが登録を行い、ブラウザーのタブを開きます。Inclusify にサインインするか、アカウントを作成してください。まだ組織がない場合は、ワークスペースとなる組織名を設定するよう求められます。クライアントに共有される情報(基本プロフィールとメールアドレスのみ)を示す同意画面が表示されます。それ以外の情報は共有されません。貼り付けるものも、管理するキーもありません。

このプラグインのインストールは任意です。アシスタントが何もインストールできない場合でも、メールでお送りするキーを使えば、同じツールを通常の HTTP 経由で利用できます。アシスタントがアカウントを作成することもできるため、ブラウザーを開く必要はありません。詳しくは inclusifyapp.com/docs/agents をご覧ください。

有用な回答を得るために必要なこと

  • ウェブサイトが Inclusify アカウントに登録されている必要があります。追加していないドメインについて尋ねた場合、他人のサイトをスキャンするのではなく、「その名前のウェブサイトは見つかりません」と回答します。アシスタントに追加してもらうこともできます。
  • 接続ではなく、回答内容がプランによって制限されます。アカウントの内容の確認、ウェブサイトの追加、サイトの状況、利用中のプラン、ウィジェットが公開中かどうかの確認は、Free を含むすべてのプランで利用できます。Free のユーザーがすでにパネルで行えることと同じです。サイトで実際に何が問題になっているかの確認、ページを読み込むすべてのチェック、サイト全体のクロールには Pro が必要です。アカウント全体の集計情報には Enterprise が必要です。
  • 一度もスキャンされていないサイトにはスコアがありません。ツールは良好なスコアを報告するのではなく、その旨を伝えます。

できること

サイトの現状、独自のテンプレートで検索するための文字列を含む修正リスト、キーボードとスクリーンリーダーによるライブチェック、強制カラー表示と 400% ズームでのレンダリング、代替テキストのレビュー、デプロイ前の修正確認、CI の合否判定ゲートに加え、製品自体の操作も行えます。たとえば、ウィジェットのオン/オフ、外観やプロフィールの設定、アクセシビリティステートメントの公開、監視アラートの管理、Jira や Slack への問題の登録ができます。

重要な変更を伴う操作では、必ず事前に確認を求めます。これらのツールは、変更内容を平易な言葉で正確に説明するとともに、1 回限りのトークンを返します。そのトークンを指定して再度呼び出すまで、何も変更されません。アカウント所有者には、取り消しリンク付きのメールが届きます。

ここから金銭に関する操作はできません。プランの変更、支払い先情報の設定、料金の請求を行うツールはありません。アップグレードする場合は、ご自身で手続きを行うためのリンクが提供されます。

現在のツール一覧、各ツールが意図的に取得しない情報、ライブチェックの上限は、上記のリンク先に記載されています。サーバー自身のレジストリから生成されるため、内容がずれることはありません。この README では、意図的に同じ内容を繰り返していません。

スキル

skills/accessibility-fix-loop は、問題を黙らせるのではなく、実際に解決するためのループを説明します。修正リストを読み、そこに示された文字列をソース内で grep し、デプロイ前にマークアップを検証してから、後続のスキャンで確認します。また、masked という判定を深刻に受け止めるようアシスタントに指示します。aria-hidden、display: none、ボタンを div に置き換えることは、いずれも障壁を残したままスキャナーを黙らせるだけです。

貢献

マニフェスト、スキル、ドキュメントに関する課題やプルリクエストを歓迎します。サーバー自体、アカウント、請求に関する問題は [email protected] までお問い合わせください。

ライセンス

MIT です。詳細は LICENSE をご覧ください。Inclusify の名称とロゴは Magebit の商標です。

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。