Checklist

このチェックリストは、Webアクセシビリティを確保するための基礎的なチェックリストです。各チェック項目は、Hands-onで解説される内容をもとに作成されています。

デザイン

色だけで情報を伝えず、テキスト・アイコン・下線などの情報を併記している
- 参考：Hands-on 1-2. 色の使用
情報を持つ画像には、その目的や内容を簡潔に説明する代替テキストが設定されている
- 参考：Hands-on 1-1. 画像の代替テキスト - 情報を持つ画像
装飾的な画像は、支援技術に無視させるために空のalt（alt=""）が設定されている
- 参考：Hands-on 1-1. 画像の代替テキスト - 装飾的な画像
テキストと背景色のコントラスト比が4.5:1以上になっている
- 参考：Hands-on 1-2. コントラスト比の確保 - テキスト
サイズの大きなテキスト（24px以上、または、18px以上の太字）と背景色のコントラスト比が3:1以上になっている
- 参考：Hands-on 1-2. コントラスト比の確保 - テキスト
情報を伝えるグラフィカルな要素と背景のコントラスト比が3:1以上になっている
- 参考：Hands-on 1-2. コントラスト比の確保 - 非テキストコンテンツ
ロゴのような必要不可欠な要素を除き、文字画像は使用されていない
- 参考：Hands-on 1-2. 文字画像の使用を避ける

各ページのタイトルはその内容や目的を明確に説明している
- 参考：Hands-on 2. ナビゲーションと見出し - ページタイトル
見出しはコンテンツの内容を明確に示している
- 参考：Hands-on 2. ナビゲーションと見出し - 見出しとラベル
フォームのラベルはその入力項目の目的を明確に示している
- 参考：Hands-on 2. ナビゲーションと見出し - 見出しとラベル
複数のページで共通するナビゲーションメニューが、常に同じ相対的な順序で配置されている
- 参考：Hands-on 3. 予測可能な動作 - 一貫したナビゲーション

ボタンやリンクなど操作可能な要素のサイズが、最低24 x 24px以上確保されている
- 参考：Hands-on 2. ポインタ操作への配慮 - ターゲットのサイズ
ドラッグ＆ドロップ操作が必要な機能に、ドラッグなしで操作できる代替手段（例：ボタン操作）が提供されている
- 参考：Hands-on 2. ポインタ操作への配慮 - ドラッグ動作
フォームでエラーが発生した場合、どの項目がエラーなのか、明確なテキストで伝えられている
- 参考：Hands-on 3. 入力支援 - エラーの特定と提案
フォームでエラーが発生した場合、どのように修正すればよいか、明確なテキストで伝えられている
- 参考：Hands-on 3. 入力支援 - エラーの特定と提案
パスワードを記憶する、パズルを解く、などの認知機能テストが認証プロセス含まれる場合、認知機能に依存しない代替手段（パスワードマネージャーの利用など）が用意されている
- 参考：Hands-on 3. 入力支援 - 認証のアクセシビリティ

すべての機能が、マウスを使わずにキーボードだけで操作できるようになっている
- 参考：Hands-on 2. キーボード操作の確保
フォーカスが特定のコンポーネント内に閉じ込められるキーボードトラップが発生していない
- 参考：Hands-on 2. キーボード操作の確保 - キーボードトラップの防止
キーボードフォーカスがどこにあるか、視覚的にわかるようになっている
- 参考：Hands-on 2. キーボード操作の確保 - フォーカスの可視化
複数のページで繰り返される主要なコンテンツのブロックをスキップできるメカニズム（スキップリンクなど）が提供されている
- 参考：Hands-on 2. ナビゲーションと見出し - ブロックスキップ
機能やコンテンツを損なうことなく、支援技術なしで、テキストを200%までサイズ変更できるようになっている
- 参考：Hands-on 1-2. テキストのリサイズ
画面を400%に拡大しても、横方向または縦方向の意図しないスクロールが発生することなくコンテンツを閲覧・利用できる
- 参考：Hands-on 1-2. テキストのリサイズ - リフロー（Reflow）