• ルール
  • 詳細
  • 監査
  • 手動

AIを活用してWCAGガイドラインを素早く検索する方法

このMCPをエージェントに接続するだけで、公式のWCAG技術標準にアクセスできます。膨大なドキュメントを自力で探す手間なく、特定のルールや要件を即座に引き出せます。

このページについてAIに聞く

すぐに答え

AIでどのようにWCAGガイドラインを検索できますか?

エージェントがこのMCPを使用して、公式のWCAG標準から技術的なルールや具体的なガイドラインの詳細を取得します。これにより、あらゆるインターフェース要素の準拠要件を検証できます。エージェントがどのようにこれらのクエリを処理するかは、以下のセクションで確認できます。

クエリの出力結果

リクエストによって得られる成果物

エージェントは、あなたの質問を具体的な技術照会へと変換します。

ルール

技術ルールセット

エージェントがアクセシビリティのルール一覧を取得します。プロジェクトに必要な正確な標準仕様が得られます。

詳細

ガイドラインの詳細

エージェントが特定のルールに関する深い技術情報を取得します。準拠に必要な正確な要件がわかります。

監査

準拠チェック

取得したルールと提供されたコードをエージェントに比較させることができます。標準を満たしていない箇所を特定するのに役立ちます。

手動

手動テスト

エージェントはルールを提供しますが、実際のテストはあなた自身が行う必要があります。AIがウェブサイトを視覚的に検査することはありません。

ワークフロー

リクエスト受信時にAIが行うこと

エージェントは、WCAG技術データベースへの直接的なインターフェースとして機能します。

  1. ルールの特定

    質問の内容に応じて、どのアクセシビリティルールが適用されるかをエージェントが判断します。

    list_accessibility_rules
  2. 詳細の取得

    特定のガイドラインに関する詳細な技術要件をエージェントが抽出します。

    get_wcag_guideline_details
  3. コードの照合

    取得したルールを使用して、提供されたコードスニペットをエージェントが検証します。

    get_wcag_guideline_details
  4. 要約の作成

    ルールの一覧と詳細を組み合わせ、分かりやすい説明としてエージェントがまとめます。

    list_accessibility_rulesget_wcag_guideline_details

試してみる

以下のプロンプトをコピーして開始

これらのプロンプトを使って、アクセシビリティ業務を開始しましょう。

出発点

括弧内のテキストを、実際のUIコンポーネントやアクセシビリティに関する具体的な懸念事項に書き換えてください。

WCAG.com Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_sbWVDXy15LcdjzwZNDPpf8mjqbBi2QNeOCsHfN9n/mcp

Claude Desktop

以下の手順で数秒で接続できます。

  1. 1In Claude Desktop, open Settings → Connectors.
  2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
  3. 3Click Add and start a new chat — WCAG.com capabilities are ready to use.
設定 · claude_desktop_config.jsonコピー
{
  "mcpServers": {
    "wcagcom-accessibility-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_sbWVDXy15LcdjzwZNDPpf8mjqbBi2QNeOCsHfN9n/mcp"
    }
  }
}
チャットにコピー04
  • 現在のReactコンポーネントにおける [キーボードナビゲーション] に関連するすべてのアクセシビリティルールをリストアップして。

  • [色のコントラスト比] に関するWCAGガイドラインの詳細をすべて教えて。

  • 私の [ナビゲーションメニュー] が [フォーカスインジケーター] のアクセシビリティルールに適合しているか確認して。

  • 最新のガイドラインにおける [フォーム入力ラベル] の具体的な要件は何ですか?

  • Claude
  • ChatGPT
  • Cursor
  • VS Code
  • Windsurf
  • Claude Code
  • JetBrains
  • Cline

ここから始める

WCAG.com Accessibilityを一度接続すれば、すぐに質問できます。

リンクをクリックして、MCPをクライアントに接続してください。認証情報は暗号化され、接続は即座に完了します。

WCAG.com Accessibility をAIに接続する

FAQ

動作に関する詳細

  • 01

    AIはウェブサイトのエラーをスキャンできますか?

    いいえ。AIができるのはルールの照会のみです。分析を行うには、コードや詳細な説明をユーザーが提供する必要があります。

  • 02

    AIはアクセシビリティの問題を修正できますか?

    いいえ。エージェントはルールに基づいて修正案を提示することはできますが、コードの記述と実装はユーザー自身が行う必要があります。

  • 03

    AIはWCAGの標準規格を更新しますか?

    いいえ。AIはコネクターから提供されたデータのみを読み取ります。

  • 04

    特定のWCAGバージョンを指定して質問できますか?

    はい。コネクターがアクセスできる技術標準にそのバージョンが含まれていれば可能です。

  • 05

    AIは私のコードを削除したりしませんか?

    はい、削除しません。AIは技術標準を読み取るだけであり、ファイルを変更する権限は持っていません。

  • WCAG.com Accessibilityについて他に質問がありますか?コネクターの専用ページで回答しています。 WCAG.com Accessibility コネクターの全機能を見る

『WCAG.com』を Claude、Cursor、ChatGPT などに接続