D2DRAFTの公式サイトのJIS X 8341-3:2016 レベルA達成基準の実装チェック結果2(7.2.4.2から7.4.1.2)
「D2DRAFT」公式サイトのJIS X 8341-3:2016-レベルA達成基準7.2.4.2から7.4.1.2の実装チェックを2016年5月に行いました。
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | title要素を用いて、コンテンツの内容が分かるページタイトルを提供する | ○ | ○ | HC | 1 | G88 H25 |
head要素内にコンテンツに関連し、ウェブページを特定できるtitle要素があるか確認する。 | |
| 7.2.4.2の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | HC | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | ウェブページが順番にナビゲートできて、そのナビゲーション順序が意味又は操作に影響を及ぼす場合、フォーカス可能なコンポーネントは意味及び操作性を保持した順序でフォーカスを受け取るようにする | ○ | ○ | HC | 1, 2 | G59 H4 C27 |
TABキー又は矢印キーを用いて、フォーカスを受け取る要素を移動し、その順序が意味及び操作性を保持していることを確認する。 | |
| 2 | 以下のいずれかを用いて、ウェブページを動的に変化させる 1) 動的なコンテンツをDOMのトリガーとなる要素の直後に挿入する 2) デバイス非依存の方法でカスタム･ダイアログを作成する 3) DOMを用いて、ページ上にある複数のセクションを並び替える |
○ | - | HC | 該当要素なし | 3 | SCR26 SCR37 SCR27 |
ウェブページを動的に変化させている場合に、SCR26, SCR37, SCR27のいずれかを満たしていることを確認する。 |
| 7.2.4.3の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | HC | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | 以下のいずれかを用いて、リンクの目的を特定する 1) a) b)を用いてリンクの目的を説明したリンクのラベルを提供する a) a 要素のリンクの目的を説明するテキストリンクを提供する b) イメージマップの area 要素に代替テキストを提供する 2) リンクのラベルとそれが含まれている文章中のテキストとを組み合わせる 3) リンクのラベルとそれが含まれているリスト項目とを組み合わせる 4) リンクのラベルとそれが含まれている段落とを組み合わせる 5) リンクのラベルとそれが含まれているデータセル及び関連づけられた見出しセルとを組み合わせる 6) リンクのラベルとその直前にある見出し要素とを組み合わせる 7) 入れ子になったリスト項目にあるリンクのラベルとその親のリスト項目とを組み合わせる 8) CSSを用いて、リンクの目的の説明を補足したリンクテキストの一部を非表示にする |
○ | ○ | AF | 1, 3, 4, 5 | G91 H30 H24 G53 H77 H78 H79 H80 H81 C7 |
それぞれのリンクにTABキー操作などで移動した後に、支援技術で前後を読み上げる操作を行ってリンクの目的が明確になることを確認する。 | |
| 7.2.4.4の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | AF | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | html要素の言語属性を用いる | ○ | ○ | HC | 1 | H57 | H57 | |
| 7.3.1.1の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | HC | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | 状況の変化を生じるトリガーには、"focus" ではなく、"activate" を用いる | ○ | ○ | HC | 1 | G107 | G107 | |
| 7.3.2.1の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | HC | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | 状況の変化を開始する際は、実行ボタンを提供する。 状況の変化を開始する実行ボタンを提供できない場合、状況の変化を引き起こすフォームのコントロールが変化する前に、何が起こるのかを説明する |
◯ | ○ | HC | 1, 2 | G80 H32 H84 G13 |
状況の変化を開始する際は、submitボタンあるいはselect要素とともに実行を指示するボタンが用いられていることを確認する。 実行ボタンが提供されていない場合は、状況の変化を引き起こすフォームのコントロールが変化する前に、何が起こるのかの説明が提供されていることを確認する。 |
|
| 7.3.2.2の試験結果 | ||||||||
| 1 | 総合結果 | ◯ | ○ | HC | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 状況 A： フォームが利用者からの情報が必須である入力フィールドを含む場合： | ||||||||
| 1 | 未入力の必須項目を特定するための説明テキストを提供する | ○ | ○ | HC | A-1, 2 | G83 SCR18 |
G83 | |
| 状況 B： 利用者によって提供される情報が、特別なデータフォーマットか特定の値であることが求められる場合： | ||||||||
| 1 | 要求されたフォーマットまたは値でないことを説明するテキストを提供する | ○ | ○ | HC | B-1, 2, 3, 4 | G84 G85 SCR18 SCR32 |
G84 G85 |
|
| 7.3.3.1の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | HC | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | 以下のいずれかを用いて、目的や内容が分かるラベルを提供する
|
○ | ○ | HC | 1 | G131 G89 G184 G162 G83 |
入力箇所を特定し、その目的や内容が分かるラベルが以下のいずれかの方法を用いて提供されていることを確認する。 | |
| 2-a | label要素を用いて、テキストのラベルとフォーム・コントロールを関連付ける | ○ | ○ | HC | 2 | H44 | H44 | |
| 2-b | label要素を用いることができないとき、title属性を用いてフォーム・コントロールを特定する | ○ | - | HC | 該当要素なし | 4 | H65 | H65 |
| 3 | フォームのコントロールがあるグループを形成している場合、fieldset 要素及び legend 要素を用いて、フォーム・コントロールのグループに関する説明を提供する | ○ | ○ | HC | 3 | H71 | H71 (input type="text" の場合でも、グループを形成しているときは、同様に確認する。) |
|
| 4 | ラベルを用いることができない場合、隣接するボタンを用いて、テキスト・フィールドの目的をラベル付けする。 ただし、その他の実装方法が適用できない場合にだけ用いる「最後の手段」であること |
○ | - | HC | 該当要素なし | 5 | G167 | 該当するテキストフィールドとボタンが、表示および読み上げ順序の双方で隣接していることを確認する。 |
| 7.3.3.2の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | HC | ||||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1 | ページをバリデートし、問題がないことを確認する。 ページがバリッドでない場合、少なくとも下記のいずれかを満たすこと
|
○ | ○ | AC | W3C Markup Validation Service | 1, 2, 3, 4 | G134 G192 H88 H74 H75 |
バリデータを用いて確認する。 |
| 7.4.1.1の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | AC | W3C Markup Validation Service | |||
| 項番 | 実装方法 | 適合 | 適用 | 試験方法 | 注記 | 状況-番号-項目 | 関連する実装テクニック | 検証方法 |
|---|---|---|---|---|---|---|---|---|
| 1-a | 標準的な HTML のコントロールだけを用いる | ◯ | ○ | AC | W3C Markup Validation Service ※下記は仕様に準じていない（H88）が、ユーザーインターフェース・コンポーネントには影響なし。
|
A-1-1, 2, 3, 4, 5 | G108 H91 H44 H64 H65 H88 |
標準的なHTMLのコンポーネントだけが用いられていることを確認する。また、それらのコンポーネントが仕様に準じて使用されていることを確認する。 |
| 1-b | スクリプトやプログラム技術を用いたコンポーネントを用いている場合、WCAG 2.0 または JIS X8341-3:2010 に準拠していることが確認されたものを使う | ○ | - | HC | 該当要素なし | C-1, D-1 | G135 G10 |
スクリプトやプログラム技術を用いたコンポーネントを用いている場合、それらのコンポーネントがWCAG 2.0 または JIS X8341-3:2010 に準拠していることを、そのコンポーネントの開発者が試験していることを確認する。また、それらのコンポーネントが、開発者の定めた仕様に準じて使用されていることを確認する。 |
| 2 | DOM（ドキュメント・オブジェクト・モデル）を用いて、ページにコンテンツを追加する(Scripting) | ○ | ○ | HC | A-1-6, B-1 | SCR21 | SCR21 | |
| 7.4.1.2の試験結果 | ||||||||
| 1 | 総合結果 | ○ | ○ | AC／HC | W3C Markup Validation Service | |||
チェックシート作成者：ウェブアクセシビリティ基盤委員会
This document is licensed under a Creative Commons 表示 - 継承 2.1 日本 License.
