達成基準チェックリスト

東京都立産業技術研究センターウェブサイト　達成基準チェックリスト

「適用」の欄は、適用する達成基準を「○」、適用しない達成基準を「―」としています。
「結果」の欄は、検証の結果、適合している達成基準を「○」、適合していない達成基準を「×」としています。
達成基準で用いられている用語については、ウェブ・コンテンツ・アクセシビリティ・ガイドライン（WCAG 2.2 （原文））（外部サイト）の用語集を参照してください。

番号	達成基準名	解説	適合レベル	適用	適合	注記
1.1.1	非テキストコンテンツ	画像やボタンなど、文字以外のコンテンツには、それらと同等の目的を果たす代替テキストを提供する。	A	〇	×	情報を伝える画像の代替テキストが空になっている
1.2.1	音声のみ及び映像のみ (収録済)	音声のみ、または映像のみのコンテンツには、それらと同等の目的を果たす代替テキストを提供する。	A	〇	×	映像付近にその映像に対するテキスト形式の代替コンテンツ、あるいは音声解説が存在しない
1.2.2	キャプション (収録済)	動画コンテンツに対して、音声情報と同じ内容の字幕（キャプション）を提供する。	A	〇	×	動画に含まれるBGMについて、キャプションが提供されていない
1.2.3	音声解説、又はメディアに対する代替 (収録済)	動画コンテンツに対して、映像情報を伝える代替コンテンツ、もしくは副音声などの音声ガイドを提供する。	A	〇	〇	なし
1.2.4	キャプション (ライブ)	生放送の動画コンテンツに対して、音声情報と同じ内容の字幕（キャプション）を提供する。	AA	―	〇	対象範囲内に該当する音声及び映像コンテンツなし
1.2.5	音声解説 (収録済)	動画コンテンツに対して、映像情報を伝える副音声などの音声ガイドを提供する。	AA	〇	×	映像に含まれるテキスト情報などについて、音声解説が提供されていない
1.3.1	情報及び関係性	情報は、プログラムが情報の意味を解釈できるように実装する。（例）リストはテキストの「・」で表現するのではなく、システム内のリスト（箇条書き）機能を用いる。	A	〇	×	見出しが見出し要素で実装されていない
1.3.2	意味のある順序	コンテンツを意味のある順序で並べ、音声読み上げソフトなどを使用しても、意図通りの順に情報が伝わるようにする。	A	〇	×	メニューボタンが開閉コンテンツの後にマークアップされている
1.3.3	感覚的な特徴	音声読み上げソフトでは形や大きさ、方向など感覚的な情報を理解できないため、テキストで情報を伝える。（例）「三角形のボタンをクリックしてください」→「検索ボタンをクリックしてください」	A	〇	×	色に依存した文章表現が存在する
1.3.4	表示の向き	縦向き・横向きのどちらか一方に表示を制限せず、ユーザーが自由に画面の向きを選択できるようにする。	AA	〇	〇	なし
1.3.5	入力目的の特定	入力フォームの項目が、名前、電話番号、メールアドレスなどの一般的な個人情報の場合、自動入力機能が使えるように実装する。	AA	〇	〇	なし
1.4.1	色の使用	色を用いて情報を伝えるときは、色だけではなく、テキストでも情報を伝える。（例）入力フォームの必須項目を赤色で示すだけではなく、各項目にテキストの「必須」を設置する。	A	〇	×	文中のリンクテキストを色の違いのみで表現している
1.4.2	音声の制御	音楽などの音声が、ページを開いたときに自動で再生しないようにする。また、再生・一時停止などをユーザーがコントロールできるようにする。	A	〇	〇	なし
1.4.3	コントラスト (最低限)	文字（画像文字も含む）と背景色は、少なくとも4.5：1のコントラスト比をもたせ、視認性を高める。	AA	〇	×	文字の前景色と背景色のコントラスト比が不足している
1.4.4	テキストのサイズ変更	テキストの大きさは固定せず、ブラウザなどの機能で200%まで拡大し、通常のサイズと同じように情報を理解できるようにする。ただし、ロゴや画像化された文字は除く。	AA	〇	×	画面を200%まで拡大した場合に、サブメニューのリンクが切り取られる
1.4.5	文字画像	情報を伝えるためのテキストは、画像化せず、実際のテキストで提供する。ただし、ロゴや装飾的な文字、写真など特別な表現が必要な場合は除く。	AA	〇	×	文字が画像として提示されている
1.4.10	リフロー	コンテンツを横320px、縦256pxまで拡大しても、横スクロールなしで閲覧できるようにする（横書きの場合）。	AA	〇	〇	なし
1.4.11	非テキストのコントラスト	ボタンやアイコンなどのUI部品、グラフや図表などの情報コンテンツは、隣接する色と少なくとも3:1のコントラスト比を確保する。	AA	〇	×	コンテンツの理解に必要な図版の一部の前景色と背景色のコントラスト比が不足している
1.4.12	テキストの間隔	テキストの行間、段落間隔、文字間隔、単語間隔をユーザーが調整しても、コンテンツが正常に表示され、機能が損なわれないようにする。	AA	〇	×	テキストの間隔を調整した際に、ロゴとリンクテキストが重なる
1.4.13	ホバー又はフォーカスで表示されるコンテンツ	マウスカーソルを重ねたり、キーボードでフォーカスしたときに表示される追加コンテンツは、ユーザーが閉じることができ、マウスを動かしても消えないようにする。	AA	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
2.1.1	キーボード	ページ上のすべての機能をキーボードのみでも操作できるようにする。ただし、ペイント機能など、マウスの軌跡などを利用する機能は除く。	A	〇	×	マウスで操作できるリンクがキーボードで操作できない
2.1.2	キーボードトラップなし	キーボードを用いてページ上の機能にアクセスしたとき、キーボードでその機能から抜け出せるようにする。	A	〇	〇	なし
2.1.4	文字キーのショートカット	文字キーのみで動作するショートカットキーを実装する場合、オフにできる、変更できる、またはフォーカス時のみ有効になるようにする。	A	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
2.2.1	タイミング調整可能	コンテンツを利用するのに制限時間を設定する場合は、利用者が設定時間の解除などをできるようにする。	A	〇	〇	なし
2.2.2	一時停止、停止、非表示	スライドショーや動画などの動きのあるコンテンツは、利用者が一時停止・停止・再生などをできるようにする。	A	〇	〇	なし
2.3.1	3 回の閃光、又は閾値以下	閃光を放つコンテンツがある場合、閃光する場所を十分に小さくし、1秒間に3回以内にする。	A	〇	〇	なし
2.4.1	ブロックスキップ	ヘッダーやナビゲーションなど繰り返し表示される要素をスキップして、主要なコンテンツに直接移動できる仕組みを提供する。	A	〇	×	iframe要素にtitle属性がない
2.4.2	ページタイトル	各ページには、そのページの内容や目的を説明する適切なタイトルを設定する。	A	〇	×	ページタイトルが不明瞭
2.4.3	フォーカス順序	リンクやボタンなどは、コンテンツの順番や関連性に従った順でフォーカス移動できるようにする。	A	〇	×	メニューが表示されていない状態で、メニュー内の要素にフォーカスが移動する
2.4.4	リンクの目的 (コンテキスト内)	テキストリンクは、可能な限りそれ単体でリンク先のページを理解できるようにする。	A	〇	×	リンクに認識可能なテキストが存在しない
2.4.5	複数の手段	各ページに訪れる手段を、いくつか用意する。（例）本文等からの移動の他に、サイトマップからも移動できるようにするなど。	AA	〇	〇	なし
2.4.6	見出し及びラベル	見出しやラベルなどは、目的や内容がわかるようにする。	AA	〇	〇	なし
2.4.7	フォーカスの可視化	キーボードを用いてコンテンツにフォーカスを移したとき、視覚的にフォーカスが移動したことがわかるようにする。（例）画像にフォーカスを移したときに、画像が波線で囲まれるなど。	AA	〇	×	ボタンがフォーカスを受け取った際にボタンのフォーカスが可視化されない
2.4.11	隠されないフォーカス (最低限)	キーボード操作でフォーカスされた要素は、他のコンテンツによって完全に隠されないようにする。	AA	〇	〇	なし
2.5.1	ポインタのジェスチャ	マルチポイントジェスチャ（ピンチ操作など）や軌跡ベースのジェスチャを使用する機能は、シングルポイント（タップなど）でも操作できるようにする。	A	〇	〇	なし
2.5.2	ポインタのキャンセル	タップやクリックなどの機能は、ポインタを離したとき（upイベント）に実行されるようにし、誤操作を防ぐ。	A	〇	〇	なし
2.5.3	ラベルを含む名前 (name)	テキストラベルを持つユーザーインターフェース要素は、そのラベルのテキストをプログラム上の名前（アクセシブルな名前）に含める。	A	〇	〇	なし
2.5.4	動きによる起動	デバイスの動き（振る、傾けるなど）で操作する機能は、ボタンなどの代替手段でも操作できるようにし、かつ、動きによる起動を無効化できるようにする。	A	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
2.5.7	ドラッグ動作	ドラッグ操作で実行される機能は、ドラッグを使わないシンプルな操作（クリック、タップなど）でも実行できるようにする。	AA	〇	〇	なし
2.5.8	ターゲットのサイズ (最低限)	クリックやタップの対象となる要素は、少なくとも24×24pxのサイズを確保する。ただし、間隔が確保されている、文中のリンクや必要不可欠なコンテンツなどの場合は除く。	AA	〇	×	ドットインジケータのサイズが24×24 CSSピクセルを満たしておらず、隣接する他のドットインジケーターと重なる
3.1.1	ページの言語	言語属性を用いてページの主要な言語が何かをプログラムが理解できるようにする。	A	〇	〇	なし
3.1.2	一部分の言語	主要ではない言語がページ内に現れたときは、その言語が何かをプログラムが理解できるように、言語属性を用いる。	AA	〇	×	ページの主な言語とは異なる言語で書かれたリンクについて、言語の違いがプログラム的に伝えられていない
3.2.1	フォーカス時	すべてのコンテンツは、フォーカスを受け取っただけで状態が変化（実行）しないようにする。	A	〇	〇	なし
3.2.2	入力時	フォームなどの設定を変更するだけで、自動的に状態が変化（実行）しないようにする。ただし、利用者が使用する前にその挙動を知らせてある場合を除く。	A	〇	〇	なし
3.2.3	一貫したナビゲーション	複数のページで繰り返し表示されるメニューなどのナビゲーションは、どのページでも同じ順序で表示する。	AA	〇	〇	なし
3.2.4	一貫した識別性	ウェブサイトの中で同じ機能をもつものは、すべて同じラベルや代替テキスト、識別名などを設定する。（例）「検索」ボタンに対して、「検索」という同じ代替テキストを設定する。	AA	〇	〇	なし
3.2.6	一貫したヘルプ	ヘルプ機能（問い合わせ先、FAQ、チャットボットなど）を提供する場合、複数ページにわたって同じ場所に配置する。	A	〇	〇	なし
3.3.1	エラーの特定	問い合わせなどの入力フォームで入力エラーがあった場合、エラーの内容が容易に伝わるようテキストで情報を伝える。	A	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
3.3.2	ラベル又は説明	お問い合わせなどの入力フォームで、フォームに適切なラベルを提示し、また必須の有無、入力制限（半角英数のみなど）や入力例を提示し、利用者が入力ミスをしないようにする。	A	〇	〇	なし
3.3.3	エラー修正の提案	お問い合わせなどの入力フォームで、入力ミスがあったときなどに、適切と思われる修正候補を提示する。	AA	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
3.3.4	エラー回避(法的、金融、データ)	利用者に法的な義務が生じたり、金銭のやり取りが発生したりする場合、情報を送信する前に必ず確認や修正ができるようにするなどして、利用者が間違いをしないようにする。	AA	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
3.3.7	冗長な入力項目	同じセッション内で既に入力した情報を再度入力させない。自動入力や過去の入力内容の選択肢を提供するなど、ユーザーの入力負担を軽減する。	A	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
3.3.8	アクセシブルな認証 (最低限)	認証プロセス（ログインなど）において、記憶力や文字入力を必要とする認証以外の方法を提供する。	AA	―	〇	対象範囲内に、本達成基準が挙げる条件に該当するコンテンツなし
4.1.1	構文解析	ウェブページのHTMLは、開始・終了タグを適切に使用し、仕様に準じて入れ子になっている。また、ID属性が重複していない。	A	〇	×	終了タグのみが記述されたp要素がある。id属性の属性値が重複している
4.1.2	名前 (name)・役割 (role)・値 (value)	ウェブページの各機能は、仕様に準拠し、ブラウザなどのプログラムが情報を解釈できるようにする。	A	〇	×	要素の開閉状態が支援技術に伝えられていない
4.1.3	ステータスメッセージ	ページの一部が更新された際、成功・エラー・待機状態などのステータスメッセージを支援技術に通知する。	AA	〇	×	ステータスメッセージがフォーカスを受け取らなくても支援技術に伝わるように実装されていない