スキル公式
a11y-debugging
Apache-2.0
Chrome DevTools for agentsの公式スキルで、Chrome DevTools MCPサーバーを使ってアクセシビリティの問題を確認し、修正します。
スキルの内容
Chrome DevTools for agentsの公式スキルで、Chrome DevTools MCPサーバーを使ってアクセシビリティの問題を確認し、修正します。まずLighthouseの監査で全体を確認し、次にページのスナップショットから得たアクセシビリティツリーを、スクリーンリーダーに伝わる内容を正確に表すものとして確認するよう、エージェントに指示します。そこから、セマンティックなマークアップ、ARIAラベル、フォーカスとキーボード操作、タップターゲットのサイズ、色のコントラストを順に確認します。その際はweb.devのガイダンスを参照し、プレーンなMarkdownとして取得することを勧めています。参照用のファイルには、これらの確認の一部に使える既製のJavaScriptスニペットが入っています。
できること
- Lighthouseによるアクセシビリティ監査の実行
- ページのアクセシビリティツリーの確認
- フォーカス順序とキーボード操作の確認
- タップターゲットのサイズと色のコントラストの確認
詳細
| 項目 | 内容 | 出典 |
|---|---|---|
| 種類 | スキル | |
| ツール | Chrome DevTools, デバッグ | |
| 公開元 | ChromeDevTools | 出典 |
| 公式かどうか | 公式shipped in the official ChromeDevTools repository that Chrome's docs link to | 出典 |
| APIキーまたはサインインが必要 | ドキュメントに記載なし | |
| スクリプトを含む | いいえ | 出典 |
| プラットフォーム | ドキュメントに記載なし | |
| AIクライアント | ドキュメントに記載なし | |
| ライセンス | Apache-2.0 | 出典 |
| 料金 | ドキュメントに記載なし | |
| 活動状況 | コミットデータなしダウンロード数のデータなし（npm・PyPIで未公開） | |
| リンク | リポジトリ |
ChromeDevToolsのほかの掲載
サーバー1件 · スキル8件
- Chrome DevTools MCP (MCPサーバー)
- chrome-devtools (スキル)
- chrome-devtools-cli (スキル)
- debug-optimize-lcp (スキル)
- memory-leak-debugging (スキル)
- cookie-debugging (スキル)
README用バッジ
このプロジェクトのメンテナーの方は、このページにリンクするバッジを追加できます。
[](https://kitbay.app/skills/a11y-debugging/)
こちらにも掲載： デバッグ
出典
- スキルファイル（SKILL.md）github.com/ChromeDevTools/chrome-devtools-mcp2026年11月12日
- GitHubリポジトリgithub.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目：公開元2026年11月12日
- ライセンスファイル（LICENSE）github.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目：ライセンス2026年11月12日
- Webページdeveloper.chrome.com · 根拠となる項目：公式かどうか2026年11月12日
- リポジトリ内のフォルダ（a11y-debugging）github.com/ChromeDevTools/chrome-devtools-mcp · 根拠となる項目：スクリプトを含む2026年11月12日