AIを活用してウェブサイトのアクセシビリティ監査を行う方法

エージェントにURLを渡すと、WCAG.com Accessibility MCPを使用してページ内の具体的なWCAG違反をスキャンします。修正すべき具体的な欠落箇所がリストアップされます。プロセスの詳細は以下の通りです。

1. 01

   ターゲット設定

   提供されたURLを受け取り、詳細スキャンの準備を行います。

   audit_url_accessibility
2. 02

   スキャン実行

   WCAG基準に照らして監査を実行し、具体的な違反箇所を見つけ出します。

   audit_url_accessibility
3. 03

   レポート作成

   スキャンによる生のデータを、読みやすい違反リストへと変換します。

   audit_url_accessibility
4. 04

   分析

   特定の要素がなぜ準拠チェックに失敗したのか、その理由を説明します。

   audit_url_accessibility

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"
    }
  }
}

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

MCPの連携は一度だけで済みます。認証情報は暗号化されて保持されるため、対応しているクライアントであれば、すぐにURLの監査を開始できます。

• 01

  AIがコードを自動で修正してくれますか？

  いいえ。エージェントは違反箇所を特定し、修正方法を説明しますが、ウェブサイトへのコード適用は手動で行う必要があります。

• 02

  AIはサイト全体を一度にスキャンできますか？

  いいえ。このツールは指定された特定のURLのみをスキャンします。監査したいページごとに、エージェントに指示を出す必要があります。

• 03

  Claudeで使用できますか？

  はい。Model Context Protocol（MCP）をサポートしているClaudeクライアントを使用していれば可能です。

• 04

  AIがウェブサイトのファイルを削除することはありませんか？

  ありません。このMCPは公開されているURLのデータを読み取り、分析するだけです。ウェブサイトのファイルに対して書き込みや削除を行う権限はありません。

• 05

  これで100%の準拠が保証されますか？

  いいえ。エージェントは既知のWCAGの欠落を特定しますが、アクセシビリティの監査には、完全な使いやすさを確保するための人間による監督が必要です。

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