アクセシビリティ監査チェックリスト
WCAG 2.1の成功基準を合格/不合格/該当なしトグル、進捗追跡、エクスポート可能な監査レポートで確認。
Perceivable
Operable
Understandable
Robust
50 criteria shown · Click the status badge to cycle through Pass / Fail / N/A / Untested
Perceivable
Operable
Understandable
Robust
このツールについて
アクセシビリティ監査チェックリストは、開発者、デザイナー、QAエンジニアが WCAG 2.1（Webコンテンツ・アクセシビリティ・ガイドライン）の成功基準に対して Webコンテンツを体系的に評価するための無料のブラウザベースツールです。チェックリストは テスト可能なすべての基準を適合レベル（A、AA、AAA）と4つのWCAG原則 （知覚可能、操作可能、理解可能、堅牢）で整理しています。
各基準には公式のWCAG番号、名前、平易な言葉での説明、適合レベル、 テスト方法に関する実践的なガイダンスが含まれています。各項目を合格、不合格、 該当なし、未テストの間で切り替えて監査の進捗を追跡できます。リアルタイムの 進捗バーでカテゴリごと、レベルごとの完了率が表示されます。
すべての処理はブラウザ内で完全に行われます。監査データはlocalStorageに 保存され、サーバーに送信されることはありません。これにより内部アプリケーション、 ステージング環境、機密性が重要なプロジェクトの監査に安全に使用できます。
監査が完了したら、課題管理ツールとの統合用に構造化されたJSONファイルとして、 またはドキュメントやステークホルダーレビュー用にMarkdownレポートとして 結果をエクスポートできます。フィルターコントロールで特定のレベル （例：AA基準のみ）や特定の原則（例：操作可能のみ）に絞り込めるため、 大規模な監査を管理しやすいセッションに分割できます。
色のコントラストを具体的にテストする場合は、 アクセシビリティカラーチェッカーが WCAGコントラスト比を測定するためのコンパニオンツールです。HTMLセマンティクスの レビューにはHTML要素リファレンスが 適切な要素の選択に役立ちます。コンポーネントで使用されているCSSセレクターの 検査にはCSSセレクターリファレンスをご覧ください。
使い方
- ツールを開き、カテゴリ別の完了状況を示す進捗概要カードを確認します。
- レベルドロップダウンでWCAG適合レベル（A、AA、AAA）でフィルタリングします。
- カテゴリドロップダウンで原則（知覚可能、操作可能、理解可能、堅牢）でフィルタリングします。
- 各基準のステータスバッジをクリックして未テスト、合格、不合格、該当なしを切り替えます。
- 基準の行をクリックして説明と「テスト方法」のガイダンスを展開します。
- 右側の小さなP / F / N/Aボタンで特定のステータスをすばやく設定します。
- Export JSONまたはExport MDをクリックして監査レポートをダウンロードします。
- リセットボタンですべての結果をクリアし、新しい監査を開始します。
- 進捗はlocalStorageに自動保存されるため、ブラウザを閉じても後で再開できます。
人気のアクセシビリティ監査例
よくある質問
データは安全ですか？
はい。すべての監査データはブラウザのlocalStorageにのみ保存されます。データがサーバーに送信されることはありません。内部プロジェクトや機密プロジェクトを安心して監査できます。
どのWCAGバージョンをカバーしていますか？
チェックリストはWCAG 2.1の成功基準を3つの適合レベルすべてでカバーしています：A（最低限）、AA（ほとんどのサイトで推奨）、AAA（強化）。基準は4つのWCAG原則で整理されています：知覚可能、操作可能、理解可能、堅牢。
監査結果をエクスポートできますか？
はい。JSONファイル（プログラム処理や課題管理ツールへのインポートに便利）またはMarkdownファイル（ドキュメント、プルリクエスト、ステークホルダーレポートに便利）としてエクスポートできます。両形式ともサマリーと基準ごとのステータスを含みます。
セッション間で進捗は保持されますか？
はい。ステータスを変更するたびに進捗がlocalStorageに自動保存されます。ブラウザを閉じて後で再開しても、進捗はそのまま残っています。リセットボタンで保存データをすべてクリアできます。
ステータスオプションの意味は？
未テストは基準がまだ評価されていないことを意味します。合格はコンテンツが要件を満たしていることを意味します。不合格は違反が見つかったことを意味します。該当なしは、監査対象のコンテンツに基準が適用されないことを意味します（例：動画コンテンツがない場合、動画関連の基準は該当なし）。
特定の基準に絞ってフィルタリングできますか？
はい。レベルドロップダウンでA、AA、AAAのいずれかの基準のみを表示できます。カテゴリドロップダウンで知覚可能、操作可能、理解可能、堅牢のいずれかの基準のみを表示できます。フィルターを組み合わせて必要な基準に正確に絞り込めます。
自動アクセシビリティテストの代替になりますか？
いいえ。このチェックリストは手動監査用に設計されています。多くのWCAG基準は人間の判断を必要とします（例：代替テキストが意味のあるものか、フォーカス順序が論理的か）。包括的なカバレッジのために、axe、Lighthouse、WAVEなどの自動ツールと併用してください。
関連ツール
アクセシビリティカラーチェッカー
WCAG 2.1のカラーコントラスト比をAAおよびAAA基準でチェックします。前景色と背景色のペアをライブプレビューで確認。
HTML要素リファレンス
カテゴリ別に整理されたHTML5要素の完全リファレンス。属性、例、セマンティック使用ガイド付き。
CSSセレクターリファレンス
CSSセレクターの完全なインタラクティブリファレンス。詳細度計算、ライブプレビュー、ブラウザサポート情報付き。
画面情報表示
画面解像度、ビューポートサイズ、DPR、メディアクエリ、タッチサポート、レスポンシブブレークポイントをリアルタイム検出。
ブラウザ機能検出
ブラウザのAPI対応状況を50以上のWebプラットフォーム機能（WebGL、WebGPU、Service Workerなど）で検出・表示。