HTML を確認して、欠落したラベル、画像の alt テキスト、見出しの抜け、重複した ID を検出します。前景色と背景色の HEX カラーからコントラスト比を計算します。
ブラウザ内でローカルに実行このソースレベルの監査では、計算済みレイアウト、キーボード操作、動的な状態、実行中のアプリケーションにおける実際のアクセシビリティツリーを検査することはできません。
検出結果をレビューのチェックリストとして使用し、その後、描画されたインターフェースをキーボード、ブラウザのアクセシビリティツリー、そして支援技術を使用する人々と一緒にテストします。
HTML 文書または断片をエディターに貼り付けるか、端末内のファイルを選び、「ローカルで監査」を押します。レポートはマークアップだけから作られます。対象は、重複した id、lang 属性の欠落または空、main ランドマークの欠落、H1 見出しの欠落や複数、見出しレベルの飛び、alt のない画像、label やアクセシブルな名前のないフォーム部品、名前のないボタンやリンク、一般的すぎるリンクテキスト、見出しセルのないデータ表、空の見出し、title のない iframe です。
右側のパネルは別の問いに答えます。2 色のコントラスト比を WCAG の定義どおりに計算します。どちらもこのタブ内で動作するため、オフラインでも使え、マークアップ・ファイル・色は送信されません。
「要確認」はテキストから証明できる不備です。id の重複、alt のない画像、label・aria-label・aria-labelledby・有効な title のないフォーム部品、アクセシブルな名前のないボタンやリンク、空の見出し、title のない iframe、キーボードでフォーカスできない role=button 要素が該当します。要素を囲む label、submit / reset 入力にブラウザーが与える既定の名前、image 入力の alt は名前として扱うため、正しいマークアップは指摘されません。
「情報」は文脈による項目です。main ランドマークのない文書、レベルを飛ばした見出しの並び、全文が「click here」のような短い語だけのリンク、th のない表などが該当し、確認の価値はありますが常に誤りとは限りません。「要確認」が残らなかった場合はその旨を表示しますが、それはこのチェックリストについての記述であり、WCAG 適合の証明ではありません。
各色を WCAG が使う sRGB の式で相対輝度に変換し（チャンネルを 255 で割り、/ 12.92 または ((c + 0.055) / 1.055) ^ 2.4 を適用）、比は (L1 + 0.05) / (L2 + 0.05) で求めます。白と黒は 21:1、同じ色どうしは 1:1 です。2 色の順序は関係ありません。
表示されるレベルは WCAG のしきい値です。通常サイズの文字は 4.5:1（AA）、大きな文字と UI 部品・図形は 3:1（AA）、通常サイズの文字の AAA は 7:1 です。文字サイズや太さ、実際の描画は計算に含まれないため、判定ではなく到達したレベルを示します。受け付けるのは 3 桁または 6 桁の 16 進数のみで、rgb()・HSL・色名は比ではなく案内を返します。
監査はマークアップを読み、文書を描画しません。実際に表示されたコントラスト、フォーカス順序、キーボードのトラップ、hover と focus の状態、live リージョン、ARIA の状態変化、キャプションなど、動作中のアプリにしか現れないものは対象外です。自動ルールは WCAG の一部しか覆いません。キーボードとスクリーンリーダーでの確認、ズーム、文字間隔の確認は手作業で行う必要があります。
色の確認は一度に 1 組だけで、文字サイズも分かりません。レベルは実際の要素を確認するきっかけとして扱ってください。解釈できない色を入力した場合は、概要のコントラスト欄がダッシュに戻り、欄の下に期待する形式が表示されます。