この文書にはより新しいバージョンが存在します。
この実装チェックリストは主にHTML 4.01、CSS2を使用することを前提とした例であり、実際に使用する技術やその使用方法に合わせて、変更して使用することが望まれる。なお、JIS X 8341-3:2010 の細分箇条8.2の表4の例では、すべての達成基準を一つの表として表現しているが、この例では達成基準ごとの表を採用している。統合して一つの表にしてもよいし、そのままの形式でもよい。
また、この例では実際に使用しない可能性のある技術も網羅的に記載しているため、「適用」という欄が設けてある。使用しない実装技術かどうかをこの欄で区別してもよいし、適用欄を使用せず、その実装技術を表から削除してもよい。また、「状況-番号-項目」「関連する実装テクニック」「検証方法」の欄は、この実装チェックリストを理解しやすくするために付け加えたものである。検証方法の欄に実装テクニックの番号だけが書いてある場合には、その実装テクニックの検証(Tests)手順(Procedure)を利用することを示している。
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 状況 A： 特定の語句、背景、又は他のコンテンツの色を用いて情報を示している場合： | ||||||||
| 1 | 色の違いで伝えている情報をテキストでも入手可能にする | A-1, 2 | G14 G122 |
G14 | ||||
| 2 | テキストの色の違いで情報を伝える際は、視覚的な手がかりを補足する | A-3 | G182 | G182 | ||||
| 3 | リンク又はコントロールを色だけで識別している箇所の視覚的な手がかりを補足するために、周囲にあるテキストとのコントラスト比を 3:1 以上にする | A-4 | G183 | G183 | ||||
| 状況 B： 情報を伝える画像の中で色を用いている場合： | ||||||||
| 1 | 色とパターンを併用する | A-1と同じだが、対象は画像 | B-1 | G111 | G111 | |||
| 2 | 色の違いで伝えている情報をテキストでも入手可能にする | A-1と同じだが、対象は画像 | B-2 | G14 | G14 | |||
作成者：ウェブアクセシビリティ基盤委員会
This document is licensed under a Creative Commons 表示 - 継承 2.1 日本 License.