From c3b2932e4cc839cc1a8b45fd335af9d5b4998e16 Mon Sep 17 00:00:00 2001 From: Takashi Suzumura Date: Wed, 3 Jul 2024 16:51:36 +0900 Subject: [PATCH] =?UTF-8?q?markdownlint=E3=81=AE=E8=87=AA=E5=8B=95?= =?UTF-8?q?=E3=83=95=E3=82=A9=E3=83=BC=E3=83=9E=E3=83=83=E3=83=88=E3=82=92?= =?UTF-8?q?=E5=8F=8D=E6=98=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 22 +-- WAIC-TEST/HTML/WAIC-TEST-0001-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0001-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0001-03.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0002-01.md | 18 ++- WAIC-TEST/HTML/WAIC-TEST-0002-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0003-01.md | 17 ++- WAIC-TEST/HTML/WAIC-TEST-0003-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0003-03.md | 29 ++-- WAIC-TEST/HTML/WAIC-TEST-0003-04.md | 27 ++-- WAIC-TEST/HTML/WAIC-TEST-0004-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0004-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0004-03.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0004-04.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0004-05.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0005-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0006-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0006-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0006-03.md | 25 +++- WAIC-TEST/HTML/WAIC-TEST-0007-01.md | 21 ++- WAIC-TEST/HTML/WAIC-TEST-0007-02.md | 21 ++- WAIC-TEST/HTML/WAIC-TEST-0008-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0009-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0010-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0010-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0010-03.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0010-04.md | 22 ++- WAIC-TEST/HTML/WAIC-TEST-0010-05.md | 22 ++- WAIC-TEST/HTML/WAIC-TEST-0010-06.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0010-07.md | 22 ++- WAIC-TEST/HTML/WAIC-TEST-0010-08.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0011-01.md | 38 +++-- WAIC-TEST/HTML/WAIC-TEST-0011-02.md | 38 +++-- WAIC-TEST/HTML/WAIC-TEST-0011-03.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0012-01.md | 31 ++-- WAIC-TEST/HTML/WAIC-TEST-0012-02.md | 29 ++-- WAIC-TEST/HTML/WAIC-TEST-0012-03.md | 35 +++-- WAIC-TEST/HTML/WAIC-TEST-0012-04.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0012-05.md | 22 ++- WAIC-TEST/HTML/WAIC-TEST-0013-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0014-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0014-02.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0014-03.md | 22 ++- WAIC-TEST/HTML/WAIC-TEST-0015-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0015-02.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0015-03.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0015-04.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0015-05.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0015-06.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0016-01.md | 22 ++- WAIC-TEST/HTML/WAIC-TEST-0017-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0017-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0018-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0018-02.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0018-03.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0019-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0019-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0019-03.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0019-04.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0019-05.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0022-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0024-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0024-02.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0025-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0025-02.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0026-01.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0026-02.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0026-03.md | 20 ++- WAIC-TEST/HTML/WAIC-TEST-0027-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0027-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0027-03.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0027-04.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0027-05.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0027-06.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0028-01.md | 98 +++++++------ WAIC-TEST/HTML/WAIC-TEST-0028-02.md | 36 +++-- WAIC-TEST/HTML/WAIC-TEST-0029-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0029-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0029-03.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0029-04.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0029-05.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0029-06.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0029-07.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0029-08.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0030-01.md | 216 ++++++++++++++-------------- WAIC-TEST/HTML/WAIC-TEST-0030-03.md | 102 ++++++++----- WAIC-TEST/HTML/WAIC-TEST-0030-05.md | 172 +++++++++++----------- WAIC-TEST/HTML/WAIC-TEST-0031-01.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0031-02.md | 19 ++- WAIC-TEST/HTML/WAIC-TEST-0032-01.md | 28 +++- WAIC-TEST/HTML/WAIC-TEST-0034-01.md | 17 ++- WAIC-TEST/HTML/WAIC-TEST-0035-01.md | 16 ++- WAIC-TEST/HTML/WAIC-TEST-0035-04.md | 28 +++- WAIC-TEST/HTML/WAIC-TEST-0036-01.md | 13 ++ WAIC-TEST/HTML/WAIC-TEST-0036-02.md | 60 ++++---- WAIC-TEST/HTML/WAIC-TEST-0038-01.md | 26 +++- WAIC-TEST/HTML/WAIC-TEST-0039-01.md | 14 ++ WAIC-TEST/HTML/WAIC-TEST-0040-01.md | 14 ++ WAIC-TEST/HTML/WAIC-TEST-0041-01.md | 13 ++ WAIC-TEST/HTML/WAIC-TEST-0042-01.md | 17 ++- WAIC-TEST/HTML/WAIC-TEST-0043-01.md | 14 ++ WAIC-TEST/HTML/WAIC-TEST-0043-02.md | 14 ++ WAIC-TEST/HTML/WAIC-TEST-0045-01.md | 28 +++- WAIC-TEST/HTML/WAIC-TEST-0047-01.md | 1 + WAIC-TEST/HTML/WAIC-TEST-0047-02.md | 16 ++- WAIC-TEST/HTML/WAIC-TEST-0048-01.md | 26 +++- WAIC-TEST/HTML/WAIC-TEST-0049-01.md | 8 +- WAIC-TEST/HTML/WAIC-TEST-0051-01.md | 14 ++ WAIC-TEST/HTML/WAIC-TEST-0052-02.md | 8 +- WAIC-TEST/HTML/WAIC-TEST-0053-01.md | 9 +- WAIC-TEST/HTML/WAIC-TEST-0055-01.md | 16 +-- WAIC-TEST/HTML/WAIC-TEST-0055-02.md | 12 +- WAIC-TEST/HTML/WAIC-TEST-0057-01.md | 32 ++--- 113 files changed, 2037 insertions(+), 772 deletions(-) diff --git a/README.md b/README.md index 2b53d12e..5a1894b3 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ # AS 情報を作成するためのテスト -このリポジトリは、[ウェブアクセシビリティ基盤委員会 実装作業部会 (WG2) ](https://waic.jp/committee/wg2/)が管理しています。 +このリポジトリは、[ウェブアクセシビリティ基盤委員会 実装作業部会 (WG2)](https://waic.jp/committee/wg2/)が管理しています。 JIS X 8341-3 や WCAG2.0 における「アクセシビリティサポーテッド」に関する情報（AS情報）を作成するために必要となるテストケース・テストコードの作成を行うリポジトリです。 @@ -9,11 +9,11 @@ JIS X 8341-3 や WCAG2.0 における「アクセシビリティサポーテッ GitHub 上でのディレクトリ構成は以下の通りです。 - - as_test/ - - as_test/WAIC-TEST/ # HTML や CSS などのウェブ技術に、ブラウザや支援技術がどの程度対応しているかを確認するためのテストケース。テストの目的、テスト手順、期待される結果、テスト実施時の注意点などを記載しています。 - - as_test/WAIC-TEST/HTML/ # HTML への対応状況を確認するためのテストケース - - as_test/WAIC-CODE/ # それぞれのテストケースで使用する HTML や CSS などのテスト。 - - as_test/notification/ # テストケース・テストコードに関する注意事項、用語集など +- as_test/ +- as_test/WAIC-TEST/ # HTML や CSS などのウェブ技術に、ブラウザや支援技術がどの程度対応しているかを確認するためのテストケース。テストの目的、テスト手順、期待される結果、テスト実施時の注意点などを記載しています。 +- as_test/WAIC-TEST/HTML/ # HTML への対応状況を確認するためのテストケース +- as_test/WAIC-CODE/ # それぞれのテストケースで使用する HTML や CSS などのテスト。 +- as_test/notification/ # テストケース・テストコードに関する注意事項、用語集など ## テストケース・テストコードに対するコメントや修正提案の送信方法 @@ -29,8 +29,8 @@ GitHub 上でのディレクトリ構成は以下の通りです。 GitHubでの運用は以下のように進めることを考えています。 - - master ブランチがリリース可能な最新の状態となるようにする （GitHub Pages でも master の内容が見えるようにする） - - 作業を開始する時には作業用ブランチを作成し、そのブランチで作業する。ブランチの名前は作業の内容に応じたものとする - - 作業中は適宜ブランチを push する - - 作業が終わったところでプルリクエストを出す。その際、作業者以外の人がレビューする。レビュアーを作業者が指名することもできる。 - - 作業内容に問題ないことが確認出来たら master ブランチにマージする（ブランチは自動で削除されます） +- master ブランチがリリース可能な最新の状態となるようにする （GitHub Pages でも master の内容が見えるようにする） +- 作業を開始する時には作業用ブランチを作成し、そのブランチで作業する。ブランチの名前は作業の内容に応じたものとする +- 作業中は適宜ブランチを push する +- 作業が終わったところでプルリクエストを出す。その際、作業者以外の人がレビューする。レビュアーを作業者が指名することもできる。 +- 作業内容に問題ないことが確認出来たら master ブランチにマージする（ブランチは自動で削除されます） diff --git a/WAIC-TEST/HTML/WAIC-TEST-0001-01.md b/WAIC-TEST/HTML/WAIC-TEST-0001-01.md index b2bfbdc9..4cc4c461 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0001-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0001-01.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0001-01 # テストのタイトル + 同じリンクの中に入れた画像 (代替テキストなし) とテキスト (1. 画像 2. テキスト) # テストの目的 + 画像 (代替テキストなし) とテキストを 1. 画像 2. テキスト の順で同じリンクの中に入れた場合、代替テキストやコンテンツと誤解される表示・読み上げがないかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H2, H30 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0001-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0001-01.html) # テストコードのソース (抜粋) + ```html
ウェブアクセシビリティ基盤委員会公開サイト
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + 代替テキストや、コンテンツと誤解されるようなファイル名や URL などは表示されず、リンクテキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが表示される # テスト実施時の注意点 (視覚閲覧環境) + “画像” と表示されたり、画像のプレースホルダの枠が表示されたりする場合は OK と判断 # テスト手順 (音声閲覧環境) + リンクを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + アイコン画像の代替テキストは何も読み上げられず、リンクテキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが読み上げられる # テスト実施時の注意点 (音声閲覧環境) + 代替テキストなし (alt="") の画像を “画像” と読み上げるモードがある場合も OK と判断するが、テキストモードや全文読みモードなどで読み上げられる場合は NG と判断 # 関連する要素や属性 -a 要素 , img 要素 , alt 属性 - +a 要素 , img 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0001-02.md b/WAIC-TEST/HTML/WAIC-TEST-0001-02.md index b7418e0f..fb8bb946 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0001-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0001-02.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0001-02 # テストのタイトル + 同じリンクの中に入れた画像 (代替テキストなし) とテキスト (1. テキスト 2. 画像) # テストの目的 + 画像 (代替テキストなし) とテキストを 1. テキスト 2. 画像 の順で同じリンクの中に入れた場合、代替テキストやコンテンツと誤解される表示・読み上げがないかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H2, H30 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0001-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0001-02.html) # テストコードのソース (抜粋) + ```html
ウェブアクセシビリティ基盤委員会公開サイト
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + 代替テキストや、コンテンツと誤解されるようなファイル名や URL などは表示されず、リンクテキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが表示される # テスト実施時の注意点 (視覚閲覧環境) + “画像” と表示されたり、画像のプレースホルダの枠が表示されたりする場合は OK と判断 # テスト手順 (音声閲覧環境) + リンクを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + アイコン画像の代替テキストは何も読み上げられず、リンクテキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが読み上げられる # テスト実施時の注意点 (音声閲覧環境) + 代替テキストなし (alt="") の画像を “画像”、“イメージ” など画像であることを読み上げるモードがある場合も OK と判断するが、テキストモードや全文読みモードなどで読み上げられる場合は NG と判断 # 関連する要素や属性 -a 要素 , img 要素 , alt 属性 - +a 要素 , img 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0001-03.md b/WAIC-TEST/HTML/WAIC-TEST-0001-03.md index 2adf3d8a..494491b9 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0001-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0001-03.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0001-03 # テストのタイトル + 同じ段落の中に入れた画像 (代替テキストなし) とテキスト # テストの目的 + 画像 (代替テキストなし) とテキストを同じ段落の中に入れた場合、代替テキストやコンテンツと誤解される表示・読み上げがないかの確認 # テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + H67 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0001-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0001-03.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会公開サイト

``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + 代替テキストや、コンテンツと誤解されるようなファイル名や URL などは表示されず、テキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが表示される # テスト実施時の注意点 (視覚閲覧環境) + “画像” と表示されたり、画像のプレースホルダの枠が表示されたりする場合は OK と判断 # テスト手順 (音声閲覧環境) + 段落を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + アイコン画像の代替テキストは何も読み上げられず、テキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが読み上げられる # テスト実施時の注意点 (音声閲覧環境) + 代替テキストなし (alt="") の画像を “画像”、“イメージ” など画像であることを読み上げるモードがある場合も OK と判断するが、テキストモードや全文読みモードなどで読み上げられる場合は NG と判断 # 関連する要素や属性 -img 要素 , alt 属性 - +img 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0002-01.md b/WAIC-TEST/HTML/WAIC-TEST-0002-01.md index 8b25e434..c5555a30 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0002-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0002-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0002-01 # テストのタイトル + 同じリンクの中に入れた画像 (代替テキストあり) とテキスト (1. 画像 2. テキスト) # テストの目的 + 画像 (代替テキストあり) とテキストを 1. 画像 2. テキスト の順で同じリンクの中に入れた場合、代替テキストとリンクテキストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H2 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0002-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0002-01.html) # テストコードのソース (抜粋) + ```html
@@ -28,19 +33,25 @@ H2
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + アイコン画像の代わりに、代替テキスト “ウェブアクセシビリティ基盤委員会” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + リンクを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + アイコン画像の代替テキストとリンクテキストが続けて “ウェブアクセシビリティ基盤委員会 公式サイト” と読み上げられる # テスト実施時の注意点 (音声閲覧環境) @@ -49,6 +60,5 @@ H2 - リンクが 2 つに分かれていると誤解するような読み上げはNGと判断 # 関連する要素や属性 -a 要素 , img 要素 , alt 属性 - +a 要素 , img 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0002-02.md b/WAIC-TEST/HTML/WAIC-TEST-0002-02.md index a9cc11f9..45f35f82 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0002-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0002-02.md @@ -1,50 +1,61 @@ - - # テスト ID + WAIC-TEST-0002-02 # テストのタイトル + 同じリンクの中に入れた画像 (代替テキストあり) とテキスト (1. テキスト 2. 画像) # テストの目的 + 画像 (代替テキストあり) とテキストを 1. テキスト 2. 画像 の順で同じリンクの中に入れた場合、代替テキストとリンクテキストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H30 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0002-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0002-02.html) # テストコードのソース (抜粋) + ```html
施設ご利用の手引きPDFファイル
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + リンクテキスト “施設ご利用の手引き” に続き、アイコン画像の代替テキスト “PDF ファイル” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + リンクを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + リンクテキストとアイコン画像の代替テキストが続けて “施設ご利用の手引き PDFファイル” と読み上げられる # テスト実施時の注意点 (音声閲覧環境) + - 代替テキストの内容に加えて “画像”、“イメージ” など画像であることを読み上げるモードがある場合も OK と判断 - リンクが 2 つに分かれていると誤解するような読み上げはNGと判断 # 関連する要素や属性 -a 要素 , img 要素 , alt 属性 - +a 要素 , img 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0003-01.md b/WAIC-TEST/HTML/WAIC-TEST-0003-01.md index aa66b282..7631ab17 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0003-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0003-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0003-01 # テストのタイトル + フォーカス移動順序を指定した複数のフォームコントロール (マークアップ順) # テストの目的 + 複数のフォームコントロールにフォーカス順序を指定した場合、指定した順序でフォーカスが移動するかの確認 # テストの対象となる達成基準 (複数) + 2.4.3 # 関連する達成方法 (複数) + H4 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0003-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0003-01.html) # テストコードのソース (抜粋) + ```html
@@ -69,10 +74,13 @@ H4
``` + # テスト手順 (視覚閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (視覚閲覧環境) + 次の順序でフォーカスが移動する : - 送り先 1 の姓 @@ -97,12 +105,15 @@ H4 - 入力内容のリセット # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (音声閲覧環境) + 次の順序でフォーカスが移動する : - 1 番目の受取人の名字 @@ -127,6 +138,7 @@ H4 - 入力内容のリセット # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 @@ -138,4 +150,3 @@ H4 - type="reset" を持つ input 要素 - type="button" を持つ button 要素 - tabindex 属性 - diff --git a/WAIC-TEST/HTML/WAIC-TEST-0003-02.md b/WAIC-TEST/HTML/WAIC-TEST-0003-02.md index fbfb422f..13fcd707 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0003-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0003-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0003-02 # テストのタイトル + フォーカス移動順序を指定した複数のフォームコントロール (非マークアップ順) # テストの目的 + 複数のフォームコントロールにマークアップの順序とは異なるフォーカス順序を指定した場合、指定した順序でフォーカスが移動するかの確認 # テストの対象となる達成基準 (複数) + 2.4.3 # 関連する達成方法 (複数) + H4 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0003-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0003-02.html) # テストコードのソース (抜粋) + ```html
@@ -36,10 +41,13 @@ H4
``` + # テスト手順 (視覚閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (視覚閲覧環境) + 次の順序でフォーカスが移動する : - テキストフィールド @@ -48,12 +56,15 @@ H4 - サイトマップ # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (音声閲覧環境) + 次の順序でフォーカスが移動する : - テキストフィールド @@ -62,9 +73,9 @@ H4 - サイトマップ # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -input 要素 , tabindex 属性 - +input 要素 , tabindex 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0003-03.md b/WAIC-TEST/HTML/WAIC-TEST-0003-03.md index 43364d41..7e9e3f70 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0003-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0003-03.md @@ -1,38 +1,47 @@ - - # テスト ID + WAIC-TEST-0003-03 # テストのタイトル + フォーカス移動順序を指定した複数のリンク (マークアップ順) # テストの目的 + 複数のリンクにフォーカス順序を指定した場合、指定した順序でフォーカスが移動するかの確認 # テストの対象となる達成基準 (複数) + 2.4.3 # 関連する達成方法 (複数) + H4 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0003-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0003-03.html) # テストコードのソース (抜粋) + ```html
リンク 1 リンク 2 リンク 3 リンク 4 リンク 5 リンク 6 リンク 7
``` + # テスト手順 (視覚閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. 次の順序でフォーカスが移動する : (カッコ内は、指定されている tabindex 属性値) - - リンク 4 (1) - - リンク 3 (2) + - リンク 4 (1) + - リンク 3 (2) - リンク 2 (3) - リンク 1 (4) - リンク 5 (0) @@ -40,16 +49,20 @@ H4 2. リンク 6 (tabindex="-1") にはフォーカスが移動しない # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. 次の順序でフォーカスが移動する : (カッコ内は、指定されている tabindex 属性値) - - リンク 4 (1) - - リンク 3 (2) + - リンク 4 (1) + - リンク 3 (2) - リンク 2 (3) - リンク 1 (4) - リンク 5 (0) @@ -57,9 +70,9 @@ H4 2. リンク 6 (tabindex="-1") にはフォーカスが移動しない # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , tabindex 属性 - +a 要素 , tabindex 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0003-04.md b/WAIC-TEST/HTML/WAIC-TEST-0003-04.md index f323ec6c..508408ab 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0003-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0003-04.md @@ -1,59 +1,70 @@ - - # テスト ID + WAIC-TEST-0003-04 # テストのタイトル + フォーカス移動順序を指定した複数のリンク (順序に重複あり) # テストの目的 + 複数のリンクに重複するフォーカス順序を指定した場合、指定した順序でフォーカスが移動するかの確認 # テストの対象となる達成基準 (複数) + 2.4.3 # 関連する達成方法 (複数) + H4 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0003-04](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0003-04.html) # テストコードのソース (抜粋) + ```html
リンク 1 リンク 2 リンク 3 リンク 4
``` + # テスト手順 (視覚閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (視覚閲覧環境) + 次の順序でフォーカスが移動する : (カッコ内は、指定されている tabindex 属性値) -- リンク 1 (1) -- リンク 3 (1) +- リンク 1 (1) +- リンク 3 (1) - リンク 2 (2) - リンク 4 (2) # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + キーボード操作 : Tab キーを押下し、フォーカスの移動順序を確認 # 期待される結果 (音声閲覧環境) + 次の順序でフォーカスが移動する : (カッコ内は、指定されている tabindex 属性値) -- リンク 1 (1) -- リンク 3 (1) +- リンク 1 (1) +- リンク 3 (1) - リンク 2 (2) - リンク 4 (2) # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , tabindex 属性 - +a 要素 , tabindex 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0004-01.md b/WAIC-TEST/HTML/WAIC-TEST-0004-01.md index 99aa2df8..96c2d0f1 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0004-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0004-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0004-01 # テストのタイトル + イメージマップ (マップの判別) # テストの目的 + イメージマップであることを判別できるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H37 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0004-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0004-01.html) # テストコードのソース (抜粋) + ```html

各売り場への直通電話番号につきましてはお問い合わせ先一覧をご参照ください。

@@ -35,25 +40,31 @@ H37
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + イメージマップを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + イメージマップであることを判別できるような情報が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -img 要素 , map要素 , usemap属性, alt 属性 - +img 要素 , map要素 , usemap属性, alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0004-02.md b/WAIC-TEST/HTML/WAIC-TEST-0004-02.md index b73e0919..44241f36 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0004-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0004-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0004-02 # テストのタイトル + イメージマップ (代替テキストあり) # テストの目的 + イメージマップ画像に代替テキストを指定した場合、代替テキストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + H37 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0004-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0004-01.html) # テストコードのソース (抜粋) + ```html

各売り場への直通電話番号につきましてはお問い合わせ先一覧をご参照ください。

@@ -35,25 +40,31 @@ H37
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + イメージマップに用いられている画像の代替テキスト “デパートのフロアガイド。各階について詳しくお知りになりたい場合は各階をクリックしてください。” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + イメージマップを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + イメージマップに用いられている画像の代替テキスト “デパートのフロアガイド。各階について詳しくお知りになりたい場合は各階をクリックしてください。” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -img 要素 , map 要素 , usemap 属性, alt 属性 - +img 要素 , map 要素 , usemap 属性, alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0004-03.md b/WAIC-TEST/HTML/WAIC-TEST-0004-03.md index 7b440566..179f9003 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0004-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0004-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0004-03 # テストのタイトル + イメージマップ内の area 要素 (代替テキストあり) # テストの目的 + イメージマップ内の各 area 要素に代替テキストを指定した場合、代替テキストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H24 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0004-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0004-01.html) # テストコードのソース (抜粋) + ```html

各売り場への直通電話番号につきましてはお問い合わせ先一覧をご参照ください。

@@ -35,25 +40,31 @@ H24
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + 各 area 要素の alt 属性に指定した代替テキスト “4F 雑貨 書籍” “3F 衣料品” “2F お菓子 その他食品” “1F 生鮮食品” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 各 area 要素を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 各 area 要素の alt 属性に指定した代替テキスト “4F 雑貨 書籍” “3F 衣料品” “2F お菓子 その他食品” “1F 生鮮食品” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -area 要素 , alt 属性 - +area 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0004-04.md b/WAIC-TEST/HTML/WAIC-TEST-0004-04.md index 9e544cd9..4b83bf35 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0004-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0004-04.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0004-04 # テストのタイトル + イメージマップ内の area 要素 (リンク機能) # テストの目的 + イメージマップ内の各 area 要素がリンクとして機能するかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H24 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0004-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0004-01.html) # テストコードのソース (抜粋) + ```html

各売り場への直通電話番号につきましてはお問い合わせ先一覧をご参照ください。

@@ -35,25 +40,31 @@ H24
``` + # テスト手順 (視覚閲覧環境) + 操作 : 各 area 要素を選択し、挙動を確認 # 期待される結果 (視覚閲覧環境) + 各リンク先へ遷移する # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 操作 : 各 area 要素を選択し、挙動を確認 # 期待される結果 (音声閲覧環境) + 各リンク先へ遷移する # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -area 要素 - +area 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0004-05.md b/WAIC-TEST/HTML/WAIC-TEST-0004-05.md index e6f803ff..ea9cb535 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0004-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0004-05.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0004-05 # テストのタイトル + イメージマップ内の area 要素 (リンクの判別) # テストの目的 + イメージマップ内の各 area 要素がリンクであることを判別できるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H24 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0004-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0004-01.html) # テストコードのソース (抜粋) + ```html

各売り場への直通電話番号につきましてはお問い合わせ先一覧をご参照ください。

@@ -35,26 +40,32 @@ H24
``` + # テスト手順 (視覚閲覧環境) + - マウス操作 : 各 area 要素にマウスポインタを重ね、挙動を確認 - キーボード操作 : 各 area 要素にフォーカスを移動し、挙動を確認 # 期待される結果 (視覚閲覧環境) + リンクであることを判別できる何らかの手段が提供されている # テスト実施時の注意点 (視覚閲覧環境) + マウスポインタの形状変化や、フォーカスの枠線表示などの視覚効果が提供されている場合は OK と判断 # テスト手順 (音声閲覧環境) + 各 area 要素を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + リンクであることを判別できる何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -area 要素 , alt 属性 - +area 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0005-01.md b/WAIC-TEST/HTML/WAIC-TEST-0005-01.md index 6a98242c..1887ab25 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0005-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0005-01.md @@ -1,48 +1,59 @@ - - # テスト ID + WAIC-TEST-0005-01 # テストのタイトル + ページタイトルを指定した title 要素 # テストの目的 + title 要素に指定したページタイトルが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 2.4.2 # 関連する達成方法 (複数) + H25 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0005-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0005-01.html) # テストコードのソース (抜粋) + ```html ウェブアクセシビリティ基盤委員会 ``` + # テスト手順 (視覚閲覧環境) + 表示 : ページタイトルの表示内容を確認 # 期待される結果 (視覚閲覧環境) + 利用者の必要に応じて、ページタイトルを確認できる何らかの手段が提供されている # テスト実施時の注意点 (視覚閲覧環境) + - “プロパティ” や “ページの情報を表示” などの機能でページタイトルを確認できる場合も OK と判断 - iOS 版 Safari など、タブ切り換え時にのみ表示される場合も OK と判断 # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 利用者の必要に応じて、ページタイトルを確認できる何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + “プロパティ” や “ページの情報を表示” などの機能でページタイトルを確認できる場合も OK と判断 # 関連する要素や属性 -title 要素 - +title 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0006-01.md b/WAIC-TEST/HTML/WAIC-TEST-0006-01.md index 88bcdb0a..1ff9b562 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0006-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0006-01.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0006-01 # テストのタイトル + a 要素に指定したテキスト # テストの目的 + テキストを a 要素に指定した場合、テキストが読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H30 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0006-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0006-01.html) # テストコードのソース (抜粋) + ```html
ウェブアクセシビリティ基盤委員会
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + リンクを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + リンクテキスト “ウェブアクセシビリティ基盤委員会” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 - +a 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0006-02.md b/WAIC-TEST/HTML/WAIC-TEST-0006-02.md index 1143ccba..29b97e6e 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0006-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0006-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0006-02 # テストのタイトル + a 要素に指定した画像 (代替テキストあり) # テストの目的 + 画像 (代替テキストあり) を a 要素に指定した場合、代替テキストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H30 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0006-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0006-02.html) # テストコードのソース (抜粋) + ```html
@@ -27,25 +32,31 @@ H30
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + リンク画像の代替テキスト “ウェブアクセシビリティ基盤委員会” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + リンクを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + リンク画像の代替テキスト “ウェブアクセシビリティ基盤委員会” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , img 要素 , alt 属性 - +a 要素 , img 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0006-03.md b/WAIC-TEST/HTML/WAIC-TEST-0006-03.md index e576e0f1..05c5f865 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0006-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0006-03.md @@ -1,55 +1,68 @@ - - # テスト ID + WAIC-TEST-0006-03 # テストのタイトル + a 要素に指定したテキスト (title 属性あり) # テストの目的 + テキストを a 要素 (title 属性あり) に指定した場合、title属性の内容が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 2.4.4, 2.4.9 # 関連する達成方法 (複数) + H33 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0006-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0006-03.html) # テストコードのソース (抜粋) + ```html

Home

``` + # テスト手順 (視覚閲覧環境) + 1. 表示: リンクの表示内容を確認 2. マウス操作: リンクにマウスポインタを重ね、挙動を確認 3. キーボード操作: リンクにフォーカスを移動し、挙動を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 2. をすべて満たしている -1. リンク “Home” に title 属性による補足説明があることが分かるように何らかの表示がされる + +1. リンク “Home” に title 属性による補足説明があることが分かるように何らかの表示がされる 2. ツールチップで title 属性値 “ウェブアクセシビリティ基盤委員会公式サイト” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + リンクを読み上げ、内容及び挙動を確認 # 期待される結果 (音声閲覧環境) + 次の 1. または 2. を満たしている -1. リンクテキスト “Home” に加えて title 属性値 “ウェブアクセシビリティ基盤委員会公式サイト” が読み上げられる + +1. リンクテキスト “Home” に加えて title 属性値 “ウェブアクセシビリティ基盤委員会公式サイト” が読み上げられる 2. リンクテキスト “Home” に加えて title 属性による補足説明があることを音声で知らせた上で、title 属性値 “ウェブアクセシビリティ基盤委員会公式サイト” が読み上げられる何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , title属性 - +a 要素 , title属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0007-01.md b/WAIC-TEST/HTML/WAIC-TEST-0007-01.md index 4fed9107..17ce6b3b 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0007-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0007-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0007-01 # テストのタイトル + テキスト入力フィールドと送信ボタン # テストの目的 + テキスト入力フィールドに入力された内容が送信ボタンによって送信されるかの確認 # テストの対象となる達成基準 (複数) + 3.2.2 # 関連する達成方法 (複数) + H32 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0007-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0007-01.html) # テストコードのソース (抜粋) + ```html
@@ -30,30 +35,38 @@ H32
``` + # テスト手順 (視覚閲覧環境) + - マウス操作 : “申し込む” ボタンをクリックし、挙動を確認 - キーボード操作 : “申し込む” ボタンを押下し、挙動を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. WAIC-CODE-0007-01-ref.html に遷移する 2. 入力したメールアドレスが URL エンコーディングされ、URL の末尾に付加されている # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + “申し込む” ボタンを押下し、挙動を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. WAIC-CODE-0007-01-ref.html に遷移する 2. 入力したメールアドレスが URL エンコーディングされ、URL の末尾に付加されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -type="submit" を持つ input 要素 - +type="submit" を持つ input 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0007-02.md b/WAIC-TEST/HTML/WAIC-TEST-0007-02.md index a3d65145..b53cc381 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0007-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0007-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0007-02 # テストのタイトル + セレクトメニューと送信ボタン # テストの目的 + セレクトメニューで選択された内容が送信ボタンによって送信されるかの確認 # テストの対象となる達成基準 (複数) + 3.2.2 # 関連する達成方法 (複数) + H32 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0007-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0007-02.html) # テストコードのソース (抜粋) + ```html
@@ -36,30 +41,38 @@ H32
``` + # テスト手順 (視覚閲覧環境) + - マウス操作 : セレクトメニューで選択肢を選び、“選択したページへ移動する” ボタンをクリックし、挙動を確認 - キーボード操作 : セレクトメニューで選択肢を選び、“選択したページへ移動する” ボタンを押下し、挙動を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. セレクトメニューで選択肢を選んでも何も発生しない 2. “選択したページへ移動する” ボタンを選択すると、選択したページに遷移する # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + セレクトメニューで選択肢を選び、“選択したページへ移動する” ボタンを押下し、挙動を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. セレクトメニューで選択肢を選んでも何も発生しない 2. “選択したページへ移動する” ボタンを選択すると、選択したページに遷移する # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -type="submit" を持つ input 要素 , select 要素 , option 要素 - +type="submit" を持つ input 要素 , select 要素 , option 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0008-01.md b/WAIC-TEST/HTML/WAIC-TEST-0008-01.md index a40d7948..8463c335 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0008-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0008-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0008-01 # テストのタイトル + 送信ボタンに指定した画像 (代替テキストあり) # テストの目的 + 画像 (代替テキストあり) を送信ボタンに指定した場合、代替テキストとリンクテキストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + H36 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0008-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0008-01.html) # テストコードのソース (抜粋) + ```html
@@ -27,25 +32,31 @@ H36
``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + 画像の代わりに代替テキスト “送信” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + “送信” ボタンを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + ボタン画像の代替テキスト “送信” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -type="image" を持つ input 要素 - +type="image" を持つ input 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0009-01.md b/WAIC-TEST/HTML/WAIC-TEST-0009-01.md index ead6c424..936d0c58 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0009-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0009-01.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0009-01 # テストのタイトル + 代替テキストを指定した画像 # テストの目的 + 画像に代替テキストを指定した場合、代替テキストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + H37 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0009-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0009-01.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

``` + # テスト手順 (視覚閲覧環境) + 表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認 # 期待される結果 (視覚閲覧環境) + 画像の代わりに代替テキスト “ウェブアクセシビリティ基盤委員会” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 画像を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 画像の代替テキスト “ウェブアクセシビリティ基盤委員会” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -img 要素 , alt 属性 - +img 要素 , alt 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-01.md b/WAIC-TEST/HTML/WAIC-TEST-0010-01.md index ff86192d..9cf17cd8 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-01 # テストのタイトル + 表題を指定した caption 要素 # テストの目的 + caption 要素に指定した表題が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H39 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-01.html) # テストコードのソース (抜粋) + ```html

営業部およびマーケティング部のメンバーの連絡先は以下の通りです。

@@ -110,25 +115,31 @@ H39
``` + # テスト手順 (視覚閲覧環境) + 表示 : caption 要素の表示を確認する # 期待される結果 (視覚閲覧環境) + caption 要素の内容 “営業部連絡先一覧” 及び “マーケティング部連絡先一覧” が表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + caption 要素を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + caption 要素の内容 “営業部連絡先一覧” 及び “マーケティング部連絡先一覧” を確認する何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -caption 要素 - +caption 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-02.md b/WAIC-TEST/HTML/WAIC-TEST-0010-02.md index 5914113f..3fb5a567 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-02 # テストのタイトル + テーブルの開始位置及び終了位置 # テストの目的 + テーブルの開始位置及び終了位置が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H51 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-01.html) # テストコードのソース (抜粋) + ```html

営業部およびマーケティング部のメンバーの連絡先は以下の通りです。

@@ -110,25 +115,31 @@ H51
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テーブルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + テーブルの開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -table 要素 - +table 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-03.md b/WAIC-TEST/HTML/WAIC-TEST-0010-03.md index 20ea3c42..42e8e57c 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-03 # テストのタイトル + テーブルの行数及び列数 # テストの目的 + テーブルの行数及び列数が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H51 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-01.html) # テストコードのソース (抜粋) + ```html

営業部およびマーケティング部のメンバーの連絡先は以下の通りです。

@@ -110,25 +115,31 @@ H51
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テーブルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + テーブルの行数及び列数を確認する何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -table 要素 - +table 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-04.md b/WAIC-TEST/HTML/WAIC-TEST-0010-04.md index 35d64024..50dc2e08 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-04.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-04 # テストのタイトル + データセルと見出しセル (行見出し) # テストの目的 + テーブルのデータセルと見出しセル (行見出し) が関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H51 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-01.html) # テストコードのソース (抜粋) + ```html

営業部およびマーケティング部のメンバーの連絡先は以下の通りです。

@@ -110,28 +115,35 @@ H51
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テーブル内の同じ列のセルを移動し、読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている -1. テキストのみを含むセルと関連付けられている行見出しを知るための何らかの手段が提供されている + +1. テキストのみを含むセルと関連付けられている行見出しを知るための何らかの手段が提供されている 2. リンクを含むセルと関連付けられている行見出しを知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + - 1. について、例えば “営業部連絡先一覧” のテーブルにおいて、 “ヒューストン” から “ピッツバーグ” へ移動すると、“ジョエル・ガーナー ピッツバーグ” と読み上げられる場合は OK と判断 - 1. について、例えば “営業部連絡先一覧” のテーブルにおいて、 “ヒューストン” を読み上げた後、何らかのキー操作によって “ゴードン・グリーニッジ 住所 ヒューストン” と読み上げられる場合は OK と判断 # 関連する要素や属性 -th 要素 , td 要素 - +th 要素 , td 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-05.md b/WAIC-TEST/HTML/WAIC-TEST-0010-05.md index bd365850..15981494 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-05.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-05 # テストのタイトル + データセルと見出しセル (列見出し) # テストの目的 + テーブルのデータセルと見出しセル (列見出し) が関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H51 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-01.html) # テストコードのソース (抜粋) + ```html

営業部およびマーケティング部のメンバーの連絡先は以下の通りです。

@@ -110,28 +115,35 @@ H51
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テーブル内の同じ行のセルを移動し、読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている -1. テキストのみを含むセルと関連付けられている列見出しを知るための何らかの手段が提供されている + +1. テキストのみを含むセルと関連付けられている列見出しを知るための何らかの手段が提供されている 2. リンクを含むセルと関連付けられている列見出しを知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + - 例えば “営業部連絡先一覧” のテーブルにおいて、“281-511-6600” から “ヒューストン” へ移動すると、 “住所 ヒューストン” と読み上げられる場合は OK と判断 - 例えば “営業部連絡先一覧” のテーブルにおいて、“ヒューストン” を読み上げた後、何らかのキー操作によって “ゴードン・グリーニッジ 住所 ヒューストン” と読み上げられる場合は OK と判断 # 関連する要素や属性 -th 要素 , td 要素 - +th 要素 , td 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-06.md b/WAIC-TEST/HTML/WAIC-TEST-0010-06.md index a87fa3e1..54f0a97d 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-06.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-06.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-06 # テストのタイトル + データセルと見出しセル (scope 属性あり : 行見出し) # テストの目的 + scope 属性を指定した場合、テーブルのデータセルと見出しセル (行見出し) が関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H63 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-02.html) # テストコードのソース (抜粋) + ```html
@@ -52,27 +57,34 @@ H63 ``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テーブル内のセルを移動し、読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. “Clive” の行へ移動すると、データセルの内容とともに見出しセルの内容 “Clive” が読み上げられる 2. セル “Greenidge” から “Gordon” に移動すると、“Clive” は読み上げられない # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -値に "row" を持つ scope 属性, th 要素 , td 要素 - +値に "row" を持つ scope 属性, th 要素 , td 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-07.md b/WAIC-TEST/HTML/WAIC-TEST-0010-07.md index e7926688..6d11ae1f 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-07.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-07.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-07 # テストのタイトル + データセルと見出しセル (scope 属性あり : 列見出し) # テストの目的 + scope 属性を指定した場合、テーブルのデータセルと見出しセル (列見出し) が関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H63 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-02.html) # テストコードのソース (抜粋) + ```html
@@ -52,27 +57,34 @@ H63 ``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テーブル内のセルを移動し、読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている -1. “Last Name” の列へ移動すると、データセルの内容とともに見出しセルの内容 “Last Name” が読み上げられる + +1. “Last Name” の列へ移動すると、データセルの内容とともに見出しセルの内容 “Last Name” が読み上げられる 2. セル “Pittsburgh” から “City” に移動すると、“Last Name” は読み上げられない # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -値に "col" を持つ scope 属性, th 要素 , td 要素 - +値に "col" を持つ scope 属性, th 要素 , td 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0010-08.md b/WAIC-TEST/HTML/WAIC-TEST-0010-08.md index ac99ccb7..4db2cc8b 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0010-08.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0010-08.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0010-08 # テストのタイトル + データセルと見出しセル (id 属性及び headers 属性) # テストの目的 + id 属性及び headers 属性を指定した場合、テーブルのデータセルと見出しセル (列見出し) が関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H43 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-03.html) # テストコードのソース (抜粋) + ```html
@@ -48,25 +53,31 @@ H43 ``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テーブル内のセルを移動し、読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 東京の女性の数値を表す “15%” のセルに移動すると、セルの内容とともに “大阪 男性” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -id 属性を持つ th 要素 , headers 属性を持つ th 要素及び td 要素 - +id 属性を持つ th 要素 , headers 属性を持つ th 要素及び td 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0011-01.md b/WAIC-TEST/HTML/WAIC-TEST-0011-01.md index b697e0f0..412b28ac 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0011-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0011-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0011-01 # テストのタイトル + h1 要素〜 h6 要素 # テストの目的 + h1 要素〜 h6 要素に指定した見出しが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H42 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0011-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0011-01.html) # テストコードのソース (抜粋) + ```html

果物について

@@ -38,35 +43,42 @@ H42
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + 一時保留 # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 見出しを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている -1. 見出し要素に差し掛かかると、それが見出しであることが通知される -2. 見出しレベルを知るための何らかの手段が提供されている -3. 次のように見出しの内容と見出しレベルが合致している - - 見出しレベル 1 : 果物について - - 見出しレベル 2 : 定義 - - 見出しレベル 3 : 野菜との違い - - 見出しレベル 4 : 実は果物ではないもの - - 見出しレベル 5 : スイカが野菜である理由 - - 見出しレベル 6 : スイカの発見 + +1. 見出し要素に差し掛かかると、それが見出しであることが通知される +2. 見出しレベルを知るための何らかの手段が提供されている +3. 次のように見出しの内容と見出しレベルが合致している + - 見出しレベル 1 : 果物について + - 見出しレベル 2 : 定義 + - 見出しレベル 3 : 野菜との違い + - 見出しレベル 4 : 実は果物ではないもの + - 見出しレベル 5 : スイカが野菜である理由 + - 見出しレベル 6 : スイカの発見 - 見出しレベル 2 : 人間と果物のかかわり # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -h1-h6 要素 - +h1-h6 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0011-02.md b/WAIC-TEST/HTML/WAIC-TEST-0011-02.md index 5d0ada45..6e10e8bf 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0011-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0011-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0011-02 # テストのタイトル + section 要素内の h1 要素 # テストの目的 + h1 要素を section 要素の中に入れた場合、h1 要素に指定した見出しが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H42 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0011-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0011-02.html) # テストコードのソース (抜粋) + ```html

果物について

@@ -50,35 +55,42 @@ H42
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + 一時保留 # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 見出しを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている -1. 見出し要素に差し掛かかると、それが見出しであることが通知される -2. 見出しレベルを知るための何らかの手段が提供されている -3. `1.` 及び `2.` において、次のように見出しの内容と見出しレベルが合致している - - 見出しレベル 1 : 果物について - - 見出しレベル 2 : 定義 - - 見出しレベル 3 : 野菜との違い - - 見出しレベル 4 : 実は果物ではないもの - - 見出しレベル 5 : スイカが野菜である理由 - - 見出しレベル 6 : スイカの発見 + +1. 見出し要素に差し掛かかると、それが見出しであることが通知される +2. 見出しレベルを知るための何らかの手段が提供されている +3. `1.` 及び `2.` において、次のように見出しの内容と見出しレベルが合致している + - 見出しレベル 1 : 果物について + - 見出しレベル 2 : 定義 + - 見出しレベル 3 : 野菜との違い + - 見出しレベル 4 : 実は果物ではないもの + - 見出しレベル 5 : スイカが野菜である理由 + - 見出しレベル 6 : スイカの発見 - 見出しレベル 2 : 人間と果物のかかわり # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -section 要素、h1 要素 - +section 要素、h1 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0011-03.md b/WAIC-TEST/HTML/WAIC-TEST-0011-03.md index f5b11941..2602f652 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0011-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0011-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0011-03 # テストのタイトル + h1 要素〜 h6 要素への直接移動 # テストの目的 + h1 要素〜 h6 要素へ直接移動して読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 2.4.1, 2.4.10 # 関連する達成方法 (複数) + H69 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0011-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0011-01.html) # テストコードのソース (抜粋) + ```html

果物について

@@ -38,25 +43,31 @@ H69
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 見出し間を移動し、挙動を確認 # 期待される結果 (音声閲覧環境) + 直前または直後の見出し要素に移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + 例えば、見出しジャンプや見出しリストのような機能が実装されていれば OK と判断 # 関連する要素や属性 -h1-h6 要素 - +h1-h6 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0012-01.md b/WAIC-TEST/HTML/WAIC-TEST-0012-01.md index 0e38ba80..2275323f 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0012-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0012-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0012-01 # テストのタイトル + テキスト入力フィールドとラベル (label 要素) # テストの目的 + label 要素に指定したラベルとテキスト入力フィールドが関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 1.3.1, 3.3.2, 4.1.2 # 関連する達成方法 (複数) + H44 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0012-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0012-01.html) # テストコードのソース (抜粋) + ```html
@@ -37,45 +42,51 @@ H44
``` + # テスト手順と期待される結果 (視覚閲覧環境) -## テスト手順 1. +## テスト手順 1 1. ラベル “姓” をクリックする 2. ラベル “名” をクリックする 3. ラベル “住所” をクリックする 4. ラベル “電話番号” をクリックする -## 期待される結果 1. +## 期待される結果 1 -ラベル “姓” をクリックすると“1.”、“名” は“2.”、“住所” は“3.” 、“電話番号” は“4.”のテキスト入力フィールドにそれぞれフォーカスが移動する +ラベル “姓” をクリックすると“1.”、“名” は“2.”、“住所” は“3.” 、“電話番号” は“4.”のテキスト入力フィールドにそれぞれフォーカスが移動する -## テスト手順 2. +## テスト手順 2 1. “ハイフンは不要” をクリック -## 期待される結果 2. +## 期待される結果 2 + 1. “ハイフンは不要” をクリックしても “4.” のテキスト入力フィールドにフォーカスが移動しない # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. それぞれのテキスト入力フィールドにフォーカスを移動すると、次のように関連付けられたラベルを知るための何らかの手段が提供されている - “1.” のテキスト入力フィールド : ラベル “姓” - “2.” のテキスト入力フィールド : ラベル “名” - “3.” のテキスト入力フィールド : ラベル “住所” - - “4.” のテキスト入力フィールド : ラベル “電話番号” + - “4.” のテキスト入力フィールド : ラベル “電話番号” 2. “4.” のテキスト入力フィールドにフォーカスを移動すると、 “ハイフンは不要” は読み上げられない # テスト実施時の注意点 (音声閲覧環境) + 2. では、テキスト入力フィールドとラベルの位置関係による関連付けではなく、label 要素 (内のテキストのみ) による関連付けかどうかを確認している # 関連する要素や属性 -type="text" を持つ input 要素 , label 要素 - +type="text" を持つ input 要素 , label 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0012-02.md b/WAIC-TEST/HTML/WAIC-TEST-0012-02.md index b09b592b..91de904c 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0012-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0012-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0012-02 # テストのタイトル + チェックボックスとラベル (label 要素) # テストの目的 + label 要素に指定したラベルとチェックボックスが関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 1.3.1, 3.3.2, 4.1.2 # 関連する達成方法 (複数) + H44 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0012-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0012-02.html) # テストコードのソース (抜粋) + ```html

物件の詳細情報や写真をご覧になる場合は、各物件のチェックボックスにチェックを入れて「詳細情報を見る」ボタンをクリックしてください

@@ -40,37 +45,45 @@ H44
``` + # テスト手順 (視覚閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 4. をすべて満たしている + 1. ラベル “山田荘” をクリックすると、“1.” のチェックボックスにフォーカスが移動する -2. ラベル “田中アパート” をクリックすると、“2.” のチェックボックスにフォーカスが移動する -3. ラベル “佐藤マンション” をクリックすると、“3.” のチェックボックスにフォーカスが移動する +2. ラベル “田中アパート” をクリックすると、“2.” のチェックボックスにフォーカスが移動する +3. ラベル “佐藤マンション” をクリックすると、“3.” のチェックボックスにフォーカスが移動する 4. “定期借家” をクリックしても “3.” のチェックボックスにフォーカスが移動しない # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. それぞれのチェックボックスにフォーカスを移動すると、次のように関連付けられたラベルを知るための何らかの手段が提供されている - “1.” のチェックボックス : ラベル “山田荘” - “2.” のチェックボックス : ラベル “田中アパート” - - “3.” のチェックボックス : ラベル “佐藤マンション” + - “3.” のチェックボックス : ラベル “佐藤マンション” - “1.” のチェックボックス : ラベル “山田荘” - “2.” のチェックボックス : ラベル “田中アパート” - - “3.” のチェックボックス : ラベル “佐藤マンション” + - “3.” のチェックボックス : ラベル “佐藤マンション” 2. “3.” のチェックボックスにフォーカスを移動すると、 “定期借家” は読み上げられない # テスト実施時の注意点 (音声閲覧環境) + `2.` では、チェックボックスとラベルの位置関係による関連付けではなく、label 要素 (内のテキストのみ) による関連付けかどうかを確認している # 関連する要素や属性 -type="checkbox" を持つ input 要素 , label 要素 - +type="checkbox" を持つ input 要素 , label 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0012-03.md b/WAIC-TEST/HTML/WAIC-TEST-0012-03.md index 1e99cc56..d6e9bad9 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0012-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0012-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0012-03 # テストのタイトル + ラジオボタンとラベル (label 要素) # テストの目的 + label 要素に指定したラベルとラジオボタンが関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 1.3.1, 3.3.2, 4.1.2 # 関連する達成方法 (複数) + H44 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0012-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0012-03.html) # テストコードのソース (抜粋) + ```html

ドーナツの選択

@@ -37,36 +42,44 @@ H44
``` + # テスト手順 (視覚閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 5. をすべて満たしている -1. ラベル “はちみつがけタイプ” をクリックすると、“4.” のラジオボタンにフォーカスが移動する -2. ラベル “クリームたっぷりタイプ” をクリックすると、“2.” のラジオボタンにフォーカスが移動する -3. ラベル “すっきり抹茶タイプ” をクリックすると、“3.” のラジオボタンにフォーカスが移動する + +1. ラベル “はちみつがけタイプ” をクリックすると、“4.” のラジオボタンにフォーカスが移動する +2. ラベル “クリームたっぷりタイプ” をクリックすると、“2.” のラジオボタンにフォーカスが移動する +3. ラベル “すっきり抹茶タイプ” をクリックすると、“3.” のラジオボタンにフォーカスが移動する 4. ラベル “チョコレートタイプ” をクリックすると、“1.” のラジオボタンにフォーカスが移動する 5. “期間限定” をクリックしても “3.” のラジオボタンにフォーカスが移動しない # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. それぞれのラジオボタンにフォーカスを移動すると、次のように関連付けられたラベルを知るための何らかの手段が提供されている - - “1.” のラジオボタン : ラベル “チョコレートタイプ” - - “2.” のラジオボタン : ラベル “クリームたっぷりタイプ” - - “3.” のラジオボタン : ラベル “すっきり抹茶タイプ” - - “4.” のラジオボタン : ラベル “はちみつがけタイプ” + - “1.” のラジオボタン : ラベル “チョコレートタイプ” + - “2.” のラジオボタン : ラベル “クリームたっぷりタイプ” + - “3.” のラジオボタン : ラベル “すっきり抹茶タイプ” + - “4.” のラジオボタン : ラベル “はちみつがけタイプ” 2. “3.” のラジオボタンにフォーカスが移動すると、 “期間限定” は読み上げられない # テスト実施時の注意点 (音声閲覧環境) + `2.` では、ラジオボタンとラベルの位置関係による関連付けではなく、label 要素 (内のテキストのみ) による関連付けかどうかを確認している # 関連する要素や属性 -type="radio" を持つ input 要素 , label 要素 - +type="radio" を持つ input 要素 , label 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0012-04.md b/WAIC-TEST/HTML/WAIC-TEST-0012-04.md index 166d1b0f..69f938de 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0012-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0012-04.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0012-04 # テストのタイトル + セレクトメニューとラベル (title 属性) # テストの目的 + title 属性に指定したラベルとセレクトメニューが関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 1.3.1, 3.3.2, 4.1.2 # 関連する達成方法 (複数) + H65 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0012-04](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0012-04.html) # テストコードのソース (抜粋) + ```html
@@ -30,27 +35,34 @@ H65
``` + # テスト手順 (視覚閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. マウス操作 : セレクトメニューにマウスポインタを重ねると、title 属性の値 “検索範囲を選択” が通知される 2. キーボード操作 : セレクトメニューにフォーカスを移動させると、title 属性の値 “検索範囲を選択” が通知される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + セレクトメニューにフォーカスを移動すると、title 属性値 “検索範囲を選択” が読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -select 要素 , title 属性 - +select 要素 , title 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0012-05.md b/WAIC-TEST/HTML/WAIC-TEST-0012-05.md index 23e6833e..9307ecbc 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0012-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0012-05.md @@ -1,59 +1,73 @@ - - # テスト ID + WAIC-TEST-0012-05 # テストのタイトル + テキスト入力フィールドとラベル (title 属性) # テストの目的 + title 属性に指定したラベルとテキスト入力フィールドが関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 1.3.1, 3.3.2, 4.1.2 # 関連する達成方法 (複数) + H65 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0012-05](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0012-05.html) # テストコードのソース (抜粋) + ```html

電話番号: 1. - 2. - 3.

``` + # テスト手順 (視覚閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (視覚閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. マウス操作 : テキスト入力フィールドにマウスポインタを重ねると、次のようにそれぞれの title 属性の値が通知される 2. キーボード操作 : テキスト入力フィールドにフォーカスを移動すると、次のようにそれぞれの title 属性の値が通知される テキスト入力フィールドと title 属性の対応は次の通り + - “1.” : “市外局番” - “2.” : “市内局番” - “3.” : “加入者番号” # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + テキスト入力フィールドにフォーカスを移動すると、次のように title 属性値が読み上げられる + - “1.” : “市外局番” - “2.” : “市内局番” - “3.” : “加入者番号” # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -type="text" を持つ input 要素 , title 属性 - +type="text" を持つ input 要素 , title 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0013-01.md b/WAIC-TEST/HTML/WAIC-TEST-0013-01.md index 16340687..8e4ea1d3 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0013-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0013-01.md @@ -1,51 +1,63 @@ - - # テスト ID + WAIC-TEST-0013-01 # テストのタイトル + longdesc 属性 # テストの目的 + longdesc 属性に指定したリソースと画像が関連付いているかの確認 # テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + H45 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0013-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0013-01.html) # テストコードのソース (抜粋) + ```html

会員数の遷移グラフ

``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + 一時保留 # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. 画像に longdesc 属性が指定されていることを知るための何らかの手段が提供されている 2. longdesc 属性の値として指定されたリンク先の記述内容を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -longdesc 属性、 img 要素 - +longdesc 属性、 img 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0014-01.md b/WAIC-TEST/HTML/WAIC-TEST-0014-01.md index de0ef2f9..20262bbb 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0014-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0014-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0014-01 # テストのタイトル + 順序付きリスト (ol 要素) # テストの目的 + ol 要素に指定した順序付きリストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H48 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0014-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0014-01.html) # テストコードのソース (抜粋) + ```html

オムレツの作り方は以下の通りです。

@@ -30,30 +35,37 @@ H48
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 順序付きリストを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 4. をすべて満たしている + 1. 順序付きリスト (ol) であること及びリスト項目 (li) の数を知る何らかの手段が提供されている 2. 順序付きリスト (ol) の開始位置及び終了位置を知るための何らかの手段が提供されている 3. 各リスト項目の番号が読み上げられる 4. リスト項目 (li) の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + - 例えば、“2項目のリスト リストの開始 1. ボウルにたまごと牛乳を入れ、混ぜます。 2. 塩とコショウを加えます。 リストの終了” と読み上げられる場合は OK と判断 - `4.` については、次のリスト項目 (li) に移動する機能を提供している場合も OK と判断 # 関連する要素や属性 -ol 要素 - +ol 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0014-02.md b/WAIC-TEST/HTML/WAIC-TEST-0014-02.md index 90409cb1..82466918 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0014-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0014-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0014-02 # テストのタイトル + 順序なしリスト (ul 要素) # テストの目的 + ul 要素に指定した順序なしリストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H48 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0014-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0014-02.html) # テストコードのソース (抜粋) + ```html

オムレツの材料は以下の通りです。

@@ -31,29 +36,36 @@ H48
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 順序なしリストを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. 順序なしリスト (ul) であること及びリスト項目 (li) の数を知る何らかの手段が提供されている 2. 順序なしリスト (ul) の開始位置及び終了位置を知るための何らかの手段が提供されている 3. リスト項目 (li) の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + - 例えば、“3項目のリスト リストの開始 牛乳 卵 バター リストの終了” と読み上げられる場合は OK と判断 - `3.` については、次のリスト項目 (li) に移動する機能を提供している場合も OK と判断 # 関連する要素や属性 -ul 要素 - +ul 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0014-03.md b/WAIC-TEST/HTML/WAIC-TEST-0014-03.md index 07f6afe1..a49ecda4 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0014-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0014-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0014-03 # テストのタイトル + 説明リスト (dl 要素) # テストの目的 + dl 要素に指定した説明リストが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H48 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0014-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0014-03.html) # テストコードのソース (抜粋) + ```html

重要な用語の意味を説明します。

@@ -35,32 +40,39 @@ H48
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 説明リストを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 4. をすべて満たしている + 1. 説明リスト (dl) であること及びリスト項目 (dt) の数を知る何らかの手段が提供されている 2. 説明リスト (dl) の開始位置及び終了位置を知るための何らかの手段が提供されている 3. リスト項目 (dt) の開始位置及び終了位置を知るための何らかの手段が提供されている 4. dd 要素の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + - 例えば、“3項目の記述リスト リスト項目の開始 用語 略語 (abbreviation) 定義 単語、語句、又は名称の短縮形で、その略語が言語の一部になっていないもの。 リスト項目の終了…” と読み上げられる場合は OK と判断 - `3.` については、次のリスト項目 (dt) に移動する機能を提供している場合も OK と判断 - `4.` については、次の dd 要素に移動する機能を提供している場合も OK と判断 - - ただし、dt 要素をまたいで移動する場合は NG と判断 + - ただし、dt 要素をまたいで移動する場合は NG と判断 # 関連する要素や属性 -dl 要素 , dt 要素 , dd 要素 - +dl 要素 , dt 要素 , dd 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0015-01.md b/WAIC-TEST/HTML/WAIC-TEST-0015-01.md index f30f962a..8dfeaa3a 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0015-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0015-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0015-01 # テストのタイトル + 強調 (em 要素) # テストの目的 + em 要素を指定してセマンティックにマークアップした強調部分が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H49 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0015-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0015-01.html) # テストコードのソース (抜粋) + ```html

つねづね思っていることですが、猫はかわいらしい動物です。

@@ -27,28 +32,35 @@ H49
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 段落を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. “猫は” に差し掛かかると、この部分が em 要素であることを判別できるように通知される 2. “犬は” に差し掛かかると、この部分が em 要素であることを判別できるように通知される 3. “亀は” に差し掛かかると、この部分が em 要素と誤解されるような通知をされない # テスト実施時の注意点 (音声閲覧環境) + `1.`, `2.` については、行読みモードやブラウズモードなどで読み上げると、em 要素であることが自動的に通知されない場合は NG と判断 # 関連する要素や属性 -em 要素 - +em 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0015-02.md b/WAIC-TEST/HTML/WAIC-TEST-0015-02.md index 28858b67..cd107f61 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0015-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0015-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0015-02 # テストのタイトル + 重要 (strong 要素) # テストの目的 + strong 要素を指定してセマンティックにマークアップした重要部分が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H49 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0015-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0015-02.html) # テストコードのソース (抜粋) + ```html

つねづね思っていることですが、猫はかわいらしい動物です。

@@ -27,28 +32,35 @@ H49
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 段落を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. “猫は” に差し掛かかると、この部分が strong 要素であることを判別できるように通知される 2. “犬は” に差し掛かかると、この部分が strong 要素であることを判別できるように通知される 3. “亀は” に差し掛かかると、この部分が strong 要素と誤解されるような通知をされない # テスト実施時の注意点 (音声閲覧環境) + `1.`, `2.` については、行読みモードやブラウズモードなどで読み上げると、strong 要素であることが自動的に通知されない場合は NG と判断 # 関連する要素や属性 -strong 要素 - +strong 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0015-03.md b/WAIC-TEST/HTML/WAIC-TEST-0015-03.md index 9d2b501e..4e1844c3 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0015-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0015-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0015-03 # テストのタイトル + 引用 (blockquote 要素) # テストの目的 + blockquote 要素を指定してセマンティックにマークアップした引用部分が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H49 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0015-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0015-03.html) # テストコードのソース (抜粋) + ```html

夏目漱石の著書「吾輩は猫である」は、以下の文章から始まります。

@@ -31,27 +36,34 @@ H49
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 段落を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. “吾輩は猫である。” に差し掛かかると、この部分が引用であることが通知される 2. 引用部分の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + 行読みモードやブラウザモードなどで読み上げると、引用であることが自動的に通知されない場合は NG と判断 # 関連する要素や属性 -blockquote 要素 - +blockquote 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0015-04.md b/WAIC-TEST/HTML/WAIC-TEST-0015-04.md index 08e480f9..2d7a45f3 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0015-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0015-04.md @@ -1,51 +1,63 @@ - - # テスト ID + WAIC-TEST-0015-04 # テストのタイトル + 引用 (q 要素) # テストの目的 + q 要素を指定してセマンティックにマークアップした引用部分が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H49 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0015-04](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0015-04.html) # テストコードのソース (抜粋) + ```html

ヘレン・ケラーは言いました、 自己憐憫は私たちの最悪の敵です。もし、それに自らを委ねるなら、 私たちは世の中で決して賢明なことができないでしょう。と。この言葉は私の中でとても強く印象に残っています。

``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 段落を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. “自己憐憫は私たちの最悪の敵です。” に差し掛かかると、この部分が引用であることが通知される 2. 引用部分の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + 行読みモードやブラウザモードなどで読み上げると、引用であることが自動的に通知されない場合は NG と判断 # 関連する要素や属性 -q 要素 - +q 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0015-05.md b/WAIC-TEST/HTML/WAIC-TEST-0015-05.md index af3ed6fd..7f209d9a 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0015-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0015-05.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0015-05 # テストのタイトル + 上付き文字 (sup 要素) # テストの目的 + sup 要素を指定してセマンティックにマークアップした上付き文字が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H49 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0015-05](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0015-05.html) # テストコードのソース (抜粋) + ```html

亜鉛イオンは Zn2+

``` + # テスト手順 (視覚閲覧環境) + テストファイルを表示し、内容を確認 # 期待される結果 (視覚閲覧環境) + “Zn2+” の “2+” が上付き表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 段落を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + “Zn2+” の “2+” に差し掛かかると、この部分が上付き文字であることを知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + 行読みモードやブラウザモードなどで読み上げると、上付き文字であることが自動的に知らされない場合は NG と判断 # 関連する要素や属性 -sup 要素 - +sup 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0015-06.md b/WAIC-TEST/HTML/WAIC-TEST-0015-06.md index dd78897a..c66fc5dc 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0015-06.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0015-06.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0015-06 # テストのタイトル + 下付き文字 (sub 要素) # テストの目的 + sub 要素を指定してセマンティックにマークアップした下付き文字が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H49 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0015-06](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0015-06.html) # テストコードのソース (抜粋) + ```html

水の化学式は H2O です。

``` + # テスト手順 (視覚閲覧環境) + テストファイルを表示し、内容を確認 # 期待される結果 (視覚閲覧環境) + “H2O” の “2” が下付き表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 段落を読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + “H2O” の “2” に差し掛かかると、この部分が下付き文字であることを知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + 行読みモードやブラウザモードなどで読み上げると、下付き文字であることが自動的に知らされない場合は NG と判断 # 関連する要素や属性 -sub 要素 - +sub 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0016-01.md b/WAIC-TEST/HTML/WAIC-TEST-0016-01.md index 9b6d6e3c..0f178054 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0016-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0016-01.md @@ -1,25 +1,31 @@ - - # テスト ID + WAIC-TEST-0016-01 # テストのタイトル + ページの言語 # テストの目的 + html 要素の lang 属性に指定したページの言語で表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 3.1.1 # 関連する達成方法 (複数) + H57 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0016-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0016-01.html), [WAIC-CODE-0016-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0016-02.html) # テストコードのソース (抜粋) + ## WAIC-CODE-0016-01 + ```html @@ -31,7 +37,9 @@ H57
``` + ## WAIC-CODE-0016-02 + ```html @@ -43,25 +51,31 @@ H57 ``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + WAIC-CODE-0016-01.html 及び WAIC-CODE-0016-02.html を開いて読み上げ方を確認 # 期待される結果 (音声閲覧環境) + WAIC-CODE-0016-01.html と WAIC-CODE-0016-02.html の読み上げ方が異なる # テスト実施時の注意点 (音声閲覧環境) + lang 属性による音声エンジンの自動切り替えが有効な設定になっているか、テスト実施前にスクリーンリーダーの設定内容を確認すること # 関連する要素や属性 -lang 属性が指定された html 要素 - +lang 属性が指定された html 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0017-01.md b/WAIC-TEST/HTML/WAIC-TEST-0017-01.md index 2197615d..237d7cab 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0017-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0017-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0017-01 # テストのタイトル + インラインフレームの説明 (title 属性) # テストの目的 + title 属性に指定したインラインフレームの説明及び代替コンテンツが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 4.1.2 # 関連する達成方法 (複数) + H64 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0017-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0017-01.html) # テストコードのソース (抜粋) + ```html

インラインフレームを用いてWAICサイトを表示しています。

@@ -29,27 +34,34 @@ H64
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. 1 番目の iframe 要素の title 属性値 “ウェブアクセシビリティ基盤委員会” または代替コンテンツ “WAIC ウェブサイトへ” を知るための何らかの手段が提供されている 2. 2 番目の iframe 要素の title 属性値 “WCAG2.0 日本語訳” または代替コンテンツ “ウェブ・コンテンツ・アクセシビリティ・ガイドライン (WCAG) 2.0” を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -iframe 要素 , title 属性 - +iframe 要素 , title 属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0017-02.md b/WAIC-TEST/HTML/WAIC-TEST-0017-02.md index 7caa6265..ffea5661 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0017-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0017-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0017-02 # テストのタイトル + インラインフレームによるブロックスキップ # テストの目的 + ブロックスキップの目的で iframe 要素に指定したインラインフレームをスキップできるかの確認 # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + H64, H70 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0017-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0017-01.html) # テストコードのソース (抜粋) + ```html

インラインフレームを用いてWAICサイトを表示しています。

@@ -29,25 +34,31 @@ H64, H70
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + iframe 要素の末尾に直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -iframe 要素 - +iframe 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0018-01.md b/WAIC-TEST/HTML/WAIC-TEST-0018-01.md index edb68689..0abe3d72 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0018-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0018-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0018-01 # テストのタイトル + fieldset 要素及び legend 要素によるグループ化 (ラジオボタン) # テストの目的 + fieldset 要素及び legend 要素によってラジオボタンをグループ化した場合、グループの説明が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + H71 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0018-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0018-01.html) # テストコードのソース (抜粋) + ```html

文学作品に関するクイズです。

@@ -52,28 +57,35 @@ H71
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + コントロール間を直接移動した際の読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. “ウィリアム・シェイクスピア” に差し掛かると、legend 要素の内容である “ハムレットの作者は?” が通知される 2. “芥川龍之介” に差し掛かると、legend 要素の内容である “坊っちゃんの作者は?” が通知される 3. “川端康成” に差し掛かると、直前の fieldset 要素内のグループの一要素であると誤解されるような通知をされない # テスト実施時の注意点 (音声閲覧環境) + テストコードをマークアップ順に読み上げるのではなく、ラジオボタンに直接移動（Tab キー／コントロール間移動モード／タップ）した際の読み上げ内容を確認 # 関連する要素や属性 -fieldset 要素 , legend 要素 , type="radio" を持つ input 要素 - +fieldset 要素 , legend 要素 , type="radio" を持つ input 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0018-02.md b/WAIC-TEST/HTML/WAIC-TEST-0018-02.md index 4b30b70c..0de7b2bf 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0018-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0018-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0018-02 # テストのタイトル + fieldset 要素及び legend 要素によるグループ化 (チェックボックス) # テストの目的 + fieldset 要素及び legend 要素によってチェックボックスをグループ化した場合、グループの説明が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + H71 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0018-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0018-02.html) # テストコードのソース (抜粋) + ```html

文学に関するアンケートです。

@@ -52,29 +57,36 @@ H71
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + コントロール間を直接移動した際の読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている、あるいは 4. を満たしている + 1. 1 番目の fieldset 要素内の各チェックボックスに差し掛かると、legend 要素の内容である “好きな外国の作家は?” が通知される 2. 2 番目の fieldset 要素内の各チェックボックスに差し掛かると、legend 要素の内容である “好きな日本の作家は?” が通知される 3. “川端康成” に差し掛かると、直前の fieldset 要素内のグループの一要素であると誤解されるような通知をされない 4. fieldset 要素の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + テストコードをマークアップ順に順次読み上げるのではなく、Tab キー／コントロール間移動モード／直接タップなどの操作でチェックボックスに直接移動する # 関連する要素や属性 -fieldset 要素 , legend 要素 , type="checkbox" を持つ input 要素 - +fieldset 要素 , legend 要素 , type="checkbox" を持つ input 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0018-03.md b/WAIC-TEST/HTML/WAIC-TEST-0018-03.md index ba3356cd..9b0cf85c 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0018-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0018-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0018-03 # テストのタイトル + fieldset 要素及び legend 要素によるグループ化 (テキスト入力フィールド) # テストの目的 + fieldset 要素及び legend 要素によってテキスト入力フィールドをグループ化した場合、グループの説明が表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + H71 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0018-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0018-03.html) # テストコードのソース (抜粋) + ```html

商品の配送先、及びご自宅住所を記入してください。

@@ -43,28 +48,35 @@ H71
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テキスト入力フィールドのグループを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. それぞれのテキスト入力フィールドにフォーカスを移動すると、対応する legend 要素の内容 “ご自宅” または “商品の送付先” が通知される 2. “メールアドレス” に差し掛かると、直前の fieldset 要素内のグループの一要素であると誤解されるような通知をされない 3. fieldset 要素の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -fieldset 要素 , legend 要素 - +fieldset 要素 , legend 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0019-01.md b/WAIC-TEST/HTML/WAIC-TEST-0019-01.md index 69dbb792..fe70e944 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0019-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0019-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0019-01 # テストのタイトル + リンクの目的の特定 (リスト項目) # テストの目的 + リンクテキストとそれが含まれているリスト項目とを組み合わせて、リンクの目的を特定することができるかの確認 # テストの対象となる達成基準 (複数) + 2.4.4 # 関連する達成方法 (複数) + H77 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0019-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0019-01.html) # テストコードのソース (抜粋) + ```html
    @@ -27,25 +32,31 @@ H77
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + リンクテキスト “こちら” からフォーカスを移動させずに、それが含まれる li 要素の内容 “ウェブアクセシビリティ基盤委員会の詳細はこちら” を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , li 要素 - +a 要素 , li 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0019-02.md b/WAIC-TEST/HTML/WAIC-TEST-0019-02.md index ec155ed9..e5c28b90 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0019-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0019-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0019-02 # テストのタイトル + リンクの目的の特定 (段落) # テストの目的 + リンクテキストとそれが含まれている段落とを組み合わせて、リンクの目的を特定することができるかの確認 # テストの対象となる達成基準 (複数) + 2.4.4 # 関連する達成方法 (複数) + H78 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0019-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0019-02.html) # テストコードのソース (抜粋) + ```html

JIS X 8341-3 改正

@@ -26,25 +31,31 @@ H78
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + リンクテキスト “[続きを読む...]” からフォーカスを移動させずに、直前の p 要素の内容 “2016年3月、JIS X 8341-3が改正されました。” を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , p 要素 - +a 要素 , p 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0019-03.md b/WAIC-TEST/HTML/WAIC-TEST-0019-03.md index 2bc3e2f2..72205d22 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0019-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0019-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0019-03 # テストのタイトル + リンクの目的の特定 (テーブル) # テストの目的 + リンクテキストとそれが含まれているデータセル及び関連づけられた見出しセルとを組み合わせて、リンクの目的を特定することができるかの確認 # テストの対象となる達成基準 (複数) + 2.4.4 # 関連する達成方法 (複数) + H79 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0010-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0010-01.html) # テストコードのソース (抜粋) + ```html

営業部およびマーケティング部のメンバーの連絡先は以下の通りです。

@@ -110,27 +115,34 @@ H79
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. WAIC-TEST-0010-04 の期待される結果 2. を満たしている 2. WAIC-TEST-0010-05 の期待される結果 2. を満たしている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , th 要素 , td 要素 - +a 要素 , th 要素 , td 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0019-04.md b/WAIC-TEST/HTML/WAIC-TEST-0019-04.md index a4a12d3c..6cfc52c2 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0019-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0019-04.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0019-04 # テストのタイトル + リンクの目的の特定 (見出し) # テストの目的 + リンクテキストと先行する見出し要素とを組み合わせて、リンクの目的を特定することができるかの確認 # テストの対象となる達成基準 (複数) + 2.4.4 # 関連する達成方法 (複数) + H80 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0019-04](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0019-04.html) # テストコードのソース (抜粋) + ```html

ロイヤルパームホテル

@@ -41,25 +46,33 @@ H80
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + “ロイヤルパームホテル” に関する “お客様の声” のリンクからフォーカスを移動させずに、そのリンクの目的を表す見出しの内容 “ロイヤルパームホテル” を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 期待される結果 (音声閲覧環境)に対する補足事項 + ASテストは、達成方法集に掲載されている各事例の検証を目的としていない。 本テストの内容は [H80](https://waic.jp/translations/WCAG21/Techniques/html/H80) と類似したものとなるが、テスト実施時の期待される結果については [達成基準 2.4.4 リンクの目的](https://waic.jp/translations/WCAG21/Understanding/link-purpose-in-context) に記載される以下についてを判断するものとしている。 @@ -67,6 +80,5 @@ ASテストは、達成方法集に掲載されている各事例の検証を目 > 場合によっては、コンテンツ制作者は、リンクのコンテキストを提供する論理的に関係のあるテキストの中でリンクの説明の一部を提供したいことがある。この場合、利用者は、リンクからフォーカスを移動させずに、そのリンクの目的を特定できることが望ましい。 # 関連する要素や属性 -a 要素 , h 要素 - +a 要素 , h 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0019-05.md b/WAIC-TEST/HTML/WAIC-TEST-0019-05.md index ed585de9..36e02876 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0019-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0019-05.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0019-05 # テストのタイトル + リンクの目的の特定 (リストの入れ子) # テストの目的 + 入れ子になったリストのリンクテキストと親のリスト項目を組み合わせて、リンクの目的を特定することができるかの確認 # テストの対象となる達成基準 (複数) + 2.4.4 # 関連する達成方法 (複数) + H81 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0019-05](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0019-05.html) # テストコードのソース (抜粋) + ```html
    @@ -40,25 +45,31 @@ H81
``` + # テスト手順 (視覚閲覧環境) + 一時保留 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 1 番目のリスト項目 “年次報告書 2016年度版” にネストされたリスト内のリンク “PDF” からフォーカスを移動させずに、親要素となるリスト項目の内容 “年次報告書 2016年度版” を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -a 要素 , 入れ子になった ul 要素 , li 要素 - +a 要素 , 入れ子になった ul 要素 , li 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0022-01.md b/WAIC-TEST/HTML/WAIC-TEST-0022-01.md index 25afb8d1..e0edd39d 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0022-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0022-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0022-01 # テストのタイトル + セレクトメニュー内のグループ化 (optgroup 要素) # テストの目的 + select 要素内の option 要素をグループ化するために optgroup 要素を使用した場合、各グループが表示・読み上げされるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H85 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0022-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0022-01.html) # テストコードのソース (抜粋) + ```html
@@ -44,27 +49,34 @@ H85
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. optgroup 要素の label 属性値を知るための何らかの手段が提供されている 2. optgroup 要素の切り替わる位置 (グループの開始位置及び終了位置) を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -optgroup 要素 , option 要素 - +optgroup 要素 , option 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0024-01.md b/WAIC-TEST/HTML/WAIC-TEST-0024-01.md index 2a44d645..0534a342 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0024-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0024-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0024-01 # テストのタイトル + nav 要素 # テストの目的 + nav 要素を指定して関連したリンクをグループ化した場合、ナビゲーションであることを判別できるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + H97 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0024-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0024-01.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -32,27 +37,34 @@ H97
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルをすべて読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. nav要素に差し掛かると、この部分がnav要素であることを判別できるように通知される 2. nav要素の開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + nav 要素に差し掛かると、“ナビゲーション ランドマーク” や “ナビゲーション リージョン” などと通知される場合は、1. について OK と判断 # 関連する要素や属性 -nav 要素 - +nav 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0024-02.md b/WAIC-TEST/HTML/WAIC-TEST-0024-02.md index ee3c5538..8be75b45 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0024-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0024-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0024-02 # テストのタイトル + nav 要素への直接移動 # テストの目的 + nav 要素を指定して関連したリンクをグループ化した場合、直前又は直後の nav 要素に直接移動できるかの確認 # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + なし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0024-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0024-02.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -39,27 +44,34 @@ nav 要素を指定して関連したリンクをグループ化した場合、
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + 直前または直後の nav 要素に直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + あくまで nav 要素を目標とした移動（ジャンプ）であること + - Tab キーによるフォーカス移動などによる nav 要素内の a 要素に対する直接移動は、nav 要素に対する直接移動とは見なさない - マークアップ順に従って h1 要素や p 要素の次に nav 要素に移動することは、nav 要素に対する直接移動とは見なさない # 関連する要素や属性 -nav 要素 - +nav 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0025-01.md b/WAIC-TEST/HTML/WAIC-TEST-0025-01.md index b86226c3..c6c702d0 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0025-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0025-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0025-01 # テストのタイトル + コンテンツのグループ化 (figure 要素及び figcaption 要素) (figure 要素内の最初に figcaption 要素) # テストの目的 + figure 要素及び figcaption 要素を指定してグループ化したコンテンツが読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0025-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0025-01.html) # テストコードのソース (抜粋) + ```html

2017年度第1回 WAIC セミナー

@@ -32,28 +37,35 @@ figure 要素及び figcaption 要素を指定してグループ化したコン
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルをすべて読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. figure 要素に差し掛かると、この部分が figure 要素であることを判別できるように通知される 2. figure 要素の開始位置及び終了位置を知るための何らかの手段が提供されている 3. figcaption 要素の内容が他の要素と区別できる何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -figure 要素及び figcaption 要素 - +figure 要素及び figcaption 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0025-02.md b/WAIC-TEST/HTML/WAIC-TEST-0025-02.md index 0559eb5a..a6964a23 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0025-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0025-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0025-02 # テストのタイトル + コンテンツのグループ化 (figure 要素及び figcaption 要素) (figure 要素内の最後に figcaption 要素) # テストの目的 + figure 要素及び figcaption 要素を指定してグループ化したコンテンツが読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0025-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0025-02.html) # テストコードのソース (抜粋) + ```html

2017年度第1回 WAIC セミナー

@@ -32,28 +37,35 @@ figure 要素及び figcaption 要素を指定してグループ化したコン
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを開いて、その内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. figure 要素に差し掛かると、この部分が figure 要素であることを判別できるように通知される 2. figure 要素の開始位置及び終了位置を知るための何らかの手段が提供されている 3. figcaption 要素の内容が他の要素と区別できる何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -figure 要素及び figcaption 要素 - +figure 要素及び figcaption 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0026-01.md b/WAIC-TEST/HTML/WAIC-TEST-0026-01.md index 28d7a43b..46690916 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0026-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0026-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0026-01 # テストのタイトル + main ランドマークの判別 (div 要素の role 属性) # テストの目的 + div 要素の role 属性に main を指定した場合、main ランドマークであることを判別できるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0026-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0026-01.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -34,27 +39,34 @@ div 要素の role 属性に main を指定した場合、main ランドマー
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルをすべて読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. main ランドマークに差し掛かると、この部分が main ランドマークであることを判別できるように通知される 2. main ランドマークの開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="main" をもつ div 要素 - +role="main" をもつ div 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0026-02.md b/WAIC-TEST/HTML/WAIC-TEST-0026-02.md index b9313423..21a4fdd6 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0026-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0026-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0026-02 # テストのタイトル + main ランドマークの判別 (main 要素) # テストの目的 + main 要素が main ランドマークであることを判別できるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0026-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0026-02.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -35,27 +40,34 @@ main 要素が main ランドマークであることを判別できるかの確
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを開いて、その内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 2. をすべて満たしている + 1. main ランドマークに差し掛かると、この部分が main ランドマークであることを判別できるように通知される 2. main ランドマークの開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -main 要素 - +main 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0026-03.md b/WAIC-TEST/HTML/WAIC-TEST-0026-03.md index 2249a224..b2ec7594 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0026-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0026-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0026-03 # テストのタイトル + main ランドマークの判別 (main 要素の role 属性) # テストの目的 + main 要素の role 属性に main を指定した場合、main ランドマークであることを判別できるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0026-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0026-03.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -35,28 +40,35 @@ main 要素の role 属性に main を指定した場合、main ランドマー
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルをすべて読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. main ランドマークに差し掛かると、この部分が main ランドマークであることを判別できるように通知される 2. `1.` における main ランドマークの通知が二重に繰り返されない 3. main ランドマークの開始位置及び終了位置を知るための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="main" を持つ main 要素 - +role="main" を持つ main 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0027-01.md b/WAIC-TEST/HTML/WAIC-TEST-0027-01.md index 1c515bce..c14c0e8a 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0027-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0027-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0027-01 # テストのタイトル + main ランドマークへの直接移動 (div 要素と role 属性 : main のみ) # テストの目的 + div 要素の role 属性に main を指定した場合、main ランドマークの先頭へ直接移動できるかの確認 (他のランドマークを指定した div 要素なし) # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0026-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0026-01.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -34,25 +39,31 @@ div 要素の role 属性に main を指定した場合、main ランドマー
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + main ランドマークの先頭へ直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="main" をもつ div 要素 - +role="main" をもつ div 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0027-02.md b/WAIC-TEST/HTML/WAIC-TEST-0027-02.md index d376f241..2111f643 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0027-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0027-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0027-02 # テストのタイトル + main ランドマークへの直接移動 (div 要素と role 属性 : main 以外のランドマークあり) # テストの目的 + div 要素の role 属性に main を指定した場合、main ランドマークの先頭へ直接移動できるかの確認 (他のランドマークを指定した div 要素あり) # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0027-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0027-01.html) # テストコードのソース (抜粋) + ```html
@@ -37,25 +42,31 @@ div 要素の role 属性に main を指定した場合、main ランドマー
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + main ランドマークの先頭へ直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="main" をもつ div 要素 - +role="main" をもつ div 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0027-03.md b/WAIC-TEST/HTML/WAIC-TEST-0027-03.md index 1a6e8038..3923863f 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0027-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0027-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0027-03 # テストのタイトル + main ランドマークへの直接移動 (main 要素 : main のみ) # テストの目的 + main 要素に指定した main ランドマークの先頭へ直接移動できるかの確認 (他のランドマークを指定した div 要素なし) # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0026-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0026-02.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -35,25 +40,31 @@ main 要素に指定した main ランドマークの先頭へ直接移動でき
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + main ランドマークの先頭へ直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -main 要素 - +main 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0027-04.md b/WAIC-TEST/HTML/WAIC-TEST-0027-04.md index 826ee8c7..632708fa 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0027-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0027-04.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0027-04 # テストのタイトル + main ランドマークへの直接移動 (main 要素 : main 以外のランドマークあり) # テストの目的 + main 要素に指定した main ランドマークの先頭へ直接移動できるかの確認 (他のランドマークを指定した div 要素あり) # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0027-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0027-02.html) # テストコードのソース (抜粋) + ```html
@@ -36,25 +41,31 @@ main 要素に指定した main ランドマークの先頭へ直接移動でき
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + main ランドマークの先頭へ直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -main 要素 - +main 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0027-05.md b/WAIC-TEST/HTML/WAIC-TEST-0027-05.md index 4d0a9601..b6e3ba29 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0027-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0027-05.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0027-05 # テストのタイトル + main ランドマークへの直接移動 (main 要素の role 属性 : main のみ) # テストの目的 + main 要素の role 属性に main を指定した場合、main ランドマークの先頭へ直接移動できるかの確認 (他のランドマークを指定した div 要素なし) # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0026-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0026-03.html) # テストコードのソース (抜粋) + ```html

ウェブアクセシビリティ基盤委員会

@@ -35,25 +40,31 @@ main 要素の role 属性に main を指定した場合、main ランドマー
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + main ランドマークの先頭へ直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="main" を持つ main 要素 - +role="main" を持つ main 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0027-06.md b/WAIC-TEST/HTML/WAIC-TEST-0027-06.md index 2f8cbb4f..5ea3a3e8 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0027-06.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0027-06.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0027-06 # テストのタイトル + main ランドマークへの直接移動 (main 要素の role 属性 : main 以外のランドマークあり) # テストの目的 + main 要素の role 属性に main を指定した場合、main ランドマークの先頭へ直接移動できるかの確認 (他のランドマークを指定した div 要素あり) # テストの対象となる達成基準 (複数) + 2.4.1 # 関連する達成方法 (複数) + 今のところなし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0027-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0027-03.html) # テストコードのソース (抜粋) + ```html
@@ -38,25 +43,31 @@ main 要素の role 属性に main を指定した場合、main ランドマー
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + main ランドマークの先頭へ直接移動するための何らかの手段が提供されている # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="main" を持つ main 要素 - +role="main" を持つ main 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0028-01.md b/WAIC-TEST/HTML/WAIC-TEST-0028-01.md index fbbc663e..3e1093e1 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0028-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0028-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0028-01 # テストのタイトル + CSSによる表示順序の変更 (positionプロパティ : 左右に配置) # テストの目的 + スタイルシートが適用されている状態でも、スタイルシート適用前の HTML 文書構造の意味のある順序を維持することが出来ているかの確認。 # テストの対象となる達成基準 (複数) + 1.3.2, 1.4.5, 1.4.9, 2.4.1 # 関連する達成方法 (複数) + C6 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0028-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0028-01.html) # テストコードのソース (抜粋) + ```html
@@ -35,81 +40,88 @@ C6 ```css .item1 { - left: 0; - margin: 0; - position: absolute; - top: 7em; + left: 0; + margin: 0; + position: absolute; + top: 7em; } .item2 { - left: 0; - margin: 0; - position: absolute; - top: 8em; + left: 0; + margin: 0; + position: absolute; + top: 8em; } .item3 { - left: 0; - margin: 0; - position: absolute; - top: 9em; + left: 0; + margin: 0; + position: absolute; + top: 9em; } .item4 { - left: 14em; - margin: 0; - position: absolute; - top: 7em; + left: 14em; + margin: 0; + position: absolute; + top: 7em; } .item5 { - left: 14em; - margin: 0; - position: absolute; - top: 8em; + left: 14em; + margin: 0; + position: absolute; + top: 8em; } .menu1 { - background-color: #FFFFFF; - color: #FF0000; - font-family: sans-serif; - font-size: 120%; - left: 0; - margin: 0; - position: absolute; - top: 3em; + background-color: #FFFFFF; + color: #FF0000; + font-family: sans-serif; + font-size: 120%; + left: 0; + margin: 0; + position: absolute; + top: 3em; } .menu2 { - background-color: #FFFFFF; - color: #FF0000; - font-family: sans-serif; - font-size: 120%; - left: 10em; - margin: 0; - position: absolute; - top: 3em; + background-color: #FFFFFF; + color: #FF0000; + font-family: sans-serif; + font-size: 120%; + left: 10em; + margin: 0; + position: absolute; + top: 3em; } #box { - left: 5em; - position: absolute; - top: 5em; + left: 5em; + position: absolute; + top: 5em; } ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - テストファイルを開いて、その内容を確認。 - ユーザエージェントでスタイルシートを無効にし、その内容を確認。 # 期待される結果 (音声閲覧環境) + ユーザエージェントによるスタイルシートの適用の有無にかかわらず、読み上げの順序が変化しない。 # テスト実施時の注意点 (音声閲覧環境) -* dl, dt, dd 要素は、音声環境にて当該要素であることを確認できるかどうか。 - * スタイルシートの適用有無にかかわらず、当該要素の判別が難しい場合は別の要素を用いたサンプルにする必要があるではないか？ + +- dl, dt, dd 要素は、音声環境にて当該要素であることを確認できるかどうか。 + - スタイルシートの適用有無にかかわらず、当該要素の判別が難しい場合は別の要素を用いたサンプルにする必要があるではないか？ # 関連する要素や属性 + dl要素, dt 要素, dd 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0028-02.md b/WAIC-TEST/HTML/WAIC-TEST-0028-02.md index f621386c..01ac686d 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0028-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0028-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0028-02 # テストのタイトル + CSSによる表示順序の変更 (positionプロパティ : 上下を入れ替えて配置) # テストの目的 + スタイルシートが適用されている状態でも、スタイルシート適用前の HTML 文書構造の意味のある順序を維持することが出来ているかの確認。ユーザエージェントによっては挙動が異なる可能性があるために検証を実施した。 # テストの対象となる達成基準 (複数) + 1.3.2, 1.4.5, 1.4.9, 2.4.1 # 関連する達成方法 (複数) + C6 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0028-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0028-02.html) # テストコードのソース (抜粋) + ```html

製品

@@ -29,43 +34,50 @@ C6 ```css .title { - position: absolute; - top: 1em; + position: absolute; + top: 1em; } .date { - position: absolute; - top: 0; + position: absolute; + top: 0; } .description { - position: absolute; - top: 5em; + position: absolute; + top: 5em; } .box { - display: block; - position: relative; - border: solid 1px #ccc; - height: 150px; + display: block; + position: relative; + border: solid 1px #ccc; + height: 150px; } ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - テストファイルを開いて、その内容を確認。 - ユーザエージェントでスタイルシートを無効にし、その内容を確認。 # 期待される結果 (音声閲覧環境) + ユーザエージェントによるスタイルシートの適用の有無にかかわらず、読み上げの順序が変化しない。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + a要素, h2要素, p要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-01.md b/WAIC-TEST/HTML/WAIC-TEST-0029-01.md index 8219f484..c043848d 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-01.md @@ -1,50 +1,61 @@ - - # テスト ID + WAIC-TEST-0029-01 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (button要素 : aria-label属性と併用) # テストの目的 + button 要素に aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-01.html) # テストコードのソース (抜粋) + ```html

情報を入力後、閉じるボタンを押してください。

このウィンドウを閉じると、入力された情報は破棄され、メインページに戻ります。
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - button要素にフォーカスを合わせる。 - aria-describedby属性で関連付けられた文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + button要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -button要素、aria-describedby属性、aria-label属性 - +button要素、aria-describedby属性、aria-label属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-02.md b/WAIC-TEST/HTML/WAIC-TEST-0029-02.md index 986cf401..deb3cffa 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0029-02 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (input要素) # テストの目的 + input 要素に aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-02.html) # テストコードのソース (抜粋) + ```html @@ -26,26 +31,32 @@ ARIA1

aria-describedbyでリンクされたこの分野のちょっとした指示です。

``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - input要素にフォーカスを合わせる。 - aria-describedby属性で関連付けられた文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + input要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -input要素、aria-describedby属性 - +input要素、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-03.md b/WAIC-TEST/HTML/WAIC-TEST-0029-03.md index bd588e57..780d2a8d 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-03.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0029-03 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (button要素) # テストの目的 + button 要素に単数の aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-03.html) # テストコードのソース (抜粋) + ```html

このページで使用するフォントフェイスとサイズの選択 @@ -30,26 +35,32 @@ ARIA1

``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - button要素にフォーカスを合わせる。 - aria-describedby属性で関連付けられた文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + button要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -button要素、aria-describedby属性 - +button要素、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-04.md b/WAIC-TEST/HTML/WAIC-TEST-0029-04.md index 223ad84c..3c3ec803 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-04.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0029-04 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (input要素 : 隠された要素と関連付け) # テストの目的 + input 要素に隠された aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-04](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-04.html) # テストコードのソース (抜粋) + ```html @@ -26,26 +31,32 @@ ARIA1 ``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - input要素にフォーカスを合わせる。 - 隠された aria-describedby属性で関連付けられた文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + input要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -input要素、aria-describedby属性 - +input要素、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-05.md b/WAIC-TEST/HTML/WAIC-TEST-0029-05.md index d905a89b..9ba2313d 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-05.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0029-05 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (input要素 : XHTML文書) # テストの目的 + application/xhtml+xml の MIME タイプのドキュメントにおいて、button 要素に aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-05](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-05.html) # テストコードのソース (抜粋) + ```html

このページで使用するフォントフェイスとサイズの選択

``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - button要素にフォーカスを合わせる。 - aria-describedby属性で関連付けられた文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + button要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -button要素、aria-describedby属性 - +button要素、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-06.md b/WAIC-TEST/HTML/WAIC-TEST-0029-06.md index 3f3340aa..3e24e7f5 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-06.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-06.md @@ -1,49 +1,60 @@ - - # テスト ID + WAIC-TEST-0029-06 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (button要素 : aria-label属性と併用 : aria-describedby属性を script で生成) # テストの目的 + button 要素に script で生成された aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-06](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-06.html) # テストコードのソース (抜粋) + ```html

情報を入力後、閉じるボタンを押してください。

このウィンドウを閉じると、入力された情報は破棄され、メインページに戻ります。
``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - button要素にフォーカスを合わせる。 - aria-describedby属性で関連付けられた文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + button要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -button要素、aria-describedby属性 - +button要素、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-07.md b/WAIC-TEST/HTML/WAIC-TEST-0029-07.md index 7a461f9f..a89cc61b 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-07.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-07.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0029-07 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (button要素 : aria-labelledby属性と併用) # テストの目的 + button 要素に aria-labelledby 属性と aria-describedby属性の両方で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-07](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-07.html) # テストコードのソース (抜粋) + ```html

フォントの選択 このページで使用するフォントフェイスとサイズの選択 @@ -33,26 +38,32 @@ ARIA1

``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - button要素にフォーカスを合わせる。 - aria-labelledby 属性と aria-describedby属性で関連付けられた文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + button要素にフォーカスを合わせた際、aria-labelledby 属性と aria-describedby属性で関連付けられた文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -button要素、aria-labelledby属性、aria-describedby属性 - +button要素、aria-labelledby属性、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0029-08.md b/WAIC-TEST/HTML/WAIC-TEST-0029-08.md index af4f39ed..ea103982 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0029-08.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0029-08.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0029-08 # テストのタイトル + aria-describedby 属性による説明ラベルの提供 (button要素 : 複数のaria-describedby属性値) # テストの目的 + button 要素に複数の aria-describedby 属性で関連付けをおこなった場合、関連付けられた要素の内容が読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.3.1, 3.3.2 # 関連する達成方法 (複数) + ARIA1 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0029-08](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0029-08.html) # テストコードのソース (抜粋) + ```html

このページで使用するフォントフェイスとサイズの選択 ボタンを押下しフォントを選択してください @@ -33,26 +38,32 @@ ARIA1

``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - button要素にフォーカスを合わせる。 - aria-describedby属性で関連付けられた複数の文章が読み上げられることを確認する。 # 期待される結果 (音声閲覧環境) + button要素にフォーカスを合わせた際、aria-describedby属性で関連付けられた複数の文章が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -button要素、aria-describedby属性 - +button要素、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0030-01.md b/WAIC-TEST/HTML/WAIC-TEST-0030-01.md index d276cab3..61003c85 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0030-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0030-01.md @@ -1,24 +1,24 @@ -# テスト ID +# テスト ID WAIC-TEST-0030-01 -# テストのタイトル +# テストのタイトル aria-required 属性による必須項目の特定（input要素、select要素、textarea要素） -# テストの目的 +# テストの目的 aria-required属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わることを確認する -# テストの対象となる達成基準 (複数) : +# テストの対象となる達成基準 (複数) 1.3.1, 3.3.3 -# 関連する達成方法 (複数) : +# 関連する達成方法 (複数) ARIA2 -# テストコード (テストファイルへのリンク) : +# テストコード (テストファイルへのリンク) [WAIC-CODE-0030-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0030-01.html) @@ -27,133 +27,133 @@ ARIA2 ```html

aria-required属性が設定されている

-

注：[*]は必須項目を示します。

-

- - [*] -

-

- - [*] -

-

- - -

-

- - -

-
- スクリーンリーダーの利用状況 - [*] - - [*] - -
-

利用しているスクリーンリーダー

-
- [*] - -
-
- [*] - -
-

- - -

-

- -

+

注：[*]は必須項目を示します。

+

+ + [*] +

+

+ + [*] +

+

+ + +

+

+ + +

+
+ スクリーンリーダーの利用状況 + [*] + + [*] + +
+

利用しているスクリーンリーダー

+
+ [*] + +
+
+ [*] + +
+

+ + +

+

+ +

aria-required属性が設定されていない

-

注：[*]は必須項目を示します。

-

- - [*] -

-

- - [*] -

-

- - -

-

- - -

-
- スクリーンリーダーの利用状況 - [*] - - [*] - -
-

利用しているスクリーンリーダー

-
- [*] - -
-
- [*] - -
-

- - -

-

- -

+

注：[*]は必須項目を示します。

+

+ + [*] +

+

+ + [*] +

+

+ + +

+

+ + +

+
+ スクリーンリーダーの利用状況 + [*] + + [*] + +
+

利用しているスクリーンリーダー

+
+ [*] + +
+
+ [*] + +
+

+ + +

+

+ +

``` -# テスト手順 (視覚閲覧環境) +# テスト手順 (視覚閲覧環境) テスト不要 -# 期待される結果 (視覚閲覧環境) +# 期待される結果 (視覚閲覧環境) なし -# テスト実施時の注意点 (視覚閲覧環境) +# テスト実施時の注意点 (視覚閲覧環境) なし -# テスト手順 (音声閲覧環境) +# テスト手順 (音声閲覧環境) テストファイルを操作し、結果を確認 -# 期待される結果 (音声閲覧環境) +# 期待される結果 (音声閲覧環境) aria-required属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わる -# テスト実施時の注意点 (音声閲覧環境) +# テスト実施時の注意点 (音声閲覧環境) なし -# 関連する要素や属性 : +# 関連する要素や属性 -aria-required 属性が指定されているinput 要素、select 要素、textarea 要素 \ No newline at end of file +aria-required 属性が指定されているinput 要素、select 要素、textarea 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0030-03.md b/WAIC-TEST/HTML/WAIC-TEST-0030-03.md index 960e7041..63bda4af 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0030-03.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0030-03.md @@ -1,22 +1,29 @@ -# テスト ID +# テスト ID + WAIC-TEST-0030-03 -# テストのタイトル +# テストのタイトル + aria-required 属性による必須項目の特定（role属性） -# テストの目的 +# テストの目的 + aria-required属性、role属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わることを確認する -# テストの対象となる達成基準 (複数) : +# テストの対象となる達成基準 (複数) + 1.3.1, 3.3.3 -# 関連する達成方法 (複数) : +# 関連する達成方法 (複数) + ARIA2 -# テストコード (テストファイルへのリンク) : +# テストコード (テストファイルへのリンク) + [WAIC-CODE-0030-03](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0030-03.html) # テストコードのソース (抜粋) + ```html

aria-required属性が設定されている

@@ -79,83 +86,110 @@ ARIA2 ``` -# テスト手順 (視覚閲覧環境) +# テスト手順 (視覚閲覧環境) + テスト不要 -# 期待される結果 (視覚閲覧環境) +# 期待される結果 (視覚閲覧環境) + なし -# テスト実施時の注意点 (視覚閲覧環境) +# テスト実施時の注意点 (視覚閲覧環境) + なし -# テスト手順 (音声閲覧環境) +# テスト手順 (音声閲覧環境) + テストファイルを開き、タブキーを使いフォーカスをひとつづつ移動させ、どのように読み上げるかを確認する。このテストファイルは、それぞれの入力/選択項目について、aria-required属性が設定されているものと、設定されていないものが記載されているため、それぞれについて確認を行う。 -## テスト手順 1. +## テスト手順 1 + テストファイルを開いた状態でタブキーを押し、ログインネームを入力するテキストボックスにフォーカスを移動する -### 期待される結果 1. +### 期待される結果 1 + ログインネームを入力するテキストボックスにフォーカスが当たっていることと、入力必須であることが読み上げられる -## テスト手順 2. +## テスト手順 2 + タブキーを押し、利用しているOSを選択するセレクトボックスへフォーカスを移動させる -### 期待される結果 2. +### 期待される結果 2 + 利用しているOSを選択するセレクトボックスにフォーカスが当たっていることと、選択必須であることが読み上げられる -## テスト手順 3. +## テスト手順 3 + タブキーを押し、スクリーンリーダーの利用状況について選択するラジオボタンへフォーカスを移動させる -### 期待される結果 3. +### 期待される結果 3 + スクリーンリーダーの利用状況について、「利用している」を選択するラジオボタンへとフォーカスが当たっていることと、選択必須であることが読み上げられる。もう一度タブキーを押し、「利用していない」を選択するラジオボタンへとフォーカスが当たっていることが読み上げられることも確認する。 -## テスト手順 4. +## テスト手順 4 + タブキーを押し、利用しているスクリーンリーダーを選択するチェックボックスへフォーカスを移動させる -### 期待される結果4. +### 期待される結果4 + 利用しているスクリーンリーダーについて、「PC-Talker」を選択するチェックボックスにフォーカスが当たっていることと、選択必須であることが読み上げられる。もう一度タブキーを押し、「NVDA」を選択するチェックボックスにフォーカスが当たっていることと、選択必須であることが読み上げられることも確認する。 -## テスト手順 5. +## テスト手順 5 + タブキーを押し、その他コメントを入力するテキストボックスへフォーカスを移動させる -### 期待される結果 5. +### 期待される結果 5 + その他コメントを入力するテキストボックスへフォーカスが当たっていることと、入力必須であることが読み上げられる -## テスト手順 6. +## テスト手順 6 + タブキーを押し、ログインネームを入力するテキストボックスにフォーカスを移動させる -### 期待される結果 6. +### 期待される結果 6 + ログインネームを入力するテキストボックスにフォーカスが当たっていることが読み上げられる。ただし、入力必須であることは読み上げられない。 -## テスト手順 7. +## テスト手順 7 + タブキーを押し、利用しているOSを選択するセレクトボックスにフォーカスを移動させる -### 期待される結果 7. +### 期待される結果 7 + 利用しているOSを選択するセレクトボックスにフォーカスが当たっていることが読み上げられる。ただし、入力必須であることは読み上げられない。 -## テスト手順8. +## テスト手順8 + タブキーを押し、スクリーンリーダーの利用状況を選択するラジオボタンにフォーカスを移動させる -### 期待される結果 8. +### 期待される結果 8 + スクリーンリーダーの利用状況について、「利用している」を選択するラジオボタンへとフォーカスが当たっていることが読み上げられる。もう一度タブキーを押すと、「利用していない」を選択するラジオボタンへとフォーカスが当たっていることが読み上げられる。いづれについても入力必須であることについては読み上げられない。 -## テスト手順9. +## テスト手順9 + タブキーを押し、利用しているスクリーンリーダーを選択するチェックボックスにフォーカスを移動させる -### 期待される結果9. +### 期待される結果9 + 利用しているスクリーンリーダーについて、「PC-Talker」を選択するチェックボックスにフォーカスが当たっていることが読み上げられる。もう一度タブキーを押すと、「NVDA」を選択するチェックボックスにフォーカスが当たっていることが読み上げられる。いづれについても入力必須であることについては読み上げられない。 -## テスト手順10. +## テスト手順10 + タブキーを押し、その他コメントを入力するテキストボックスにフォーカスを移動させる -### 期待される結果 10. +### 期待される結果 10 + その他コメントを入力するテキストボックスにフォーカスが当たっていることが読み上げられる。入力必須であることについては読み上げられない。 -# 期待される結果 (音声閲覧環境) +# 期待される結果 (音声閲覧環境) + テスト手順1～10の結果をすべて満たしている。 -# テスト実施時の注意点 (音声閲覧環境) +# テスト実施時の注意点 (音声閲覧環境) + 矢印キーなどは使用せず、タブキーのみを使用してテストを行う -# 関連する要素や属性 : -aria-required 属性, role 属性値として "textbox" "combobox" "radiogroup" "checkbox" のいずれかを持つ div要素 \ No newline at end of file +# 関連する要素や属性 + +aria-required 属性, role 属性値として "textbox" "combobox" "radiogroup" "checkbox" のいずれかを持つ div要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0030-05.md b/WAIC-TEST/HTML/WAIC-TEST-0030-05.md index 12e95734..4bd4ec7c 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0030-05.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0030-05.md @@ -1,24 +1,24 @@ -# テスト ID +# テスト ID WAIC-TEST-0030-05 -# テストのタイトル +# テストのタイトル JavaScriptによって挿入されたaria-required 属性による必須項目の特定（input要素、select要素、textarea要素） -# テストの目的 +# テストの目的 JavaScriptによって挿入されたaria-required属性が設定された要素にフォーカスを移動した際、支援技術に必須であることが伝わることを確認する -# テストの対象となる達成基準 (複数) : +# テストの対象となる達成基準 (複数) 1.3.1, 3.3.3 -# 関連する達成方法 (複数) : +# 関連する達成方法 (複数) ARIA2 -# テストコード (テストファイルへのリンク) : +# テストコード (テストファイルへのリンク) [WAIC-CODE-0030-05](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0030-05.html) @@ -26,137 +26,137 @@ ARIA2 ```html

以下のデータを入力してください。入力必須項目はプログラムによって特定されており、併せて[*]も記載されています。

-
-

- - -

-

- - -

-

- - -

-

- - -

-

スクリーンリーダーの利用状況

-
- *: - -
-
- *: - -
-

利用しているスクリーンリーダー

-
- *: - -
-
- *: - -
-

- - -

+ +

+ + +

+

+ + +

+

+ + +

+

+ + +

+

スクリーンリーダーの利用状況

+
+ *: + +
+
+ *: + +
+

利用しているスクリーンリーダー

+
+ *: + +
+
+ *: + +
+

+ + +

``` -# テスト手順 (視覚閲覧環境) +# テスト手順 (視覚閲覧環境) テスト不要 -# 期待される結果 (視覚閲覧環境) +# 期待される結果 (視覚閲覧環境) なし -# テスト実施時の注意点 (視覚閲覧環境) +# テスト実施時の注意点 (視覚閲覧環境) なし -# テスト手順 (音声閲覧環境) +# テスト手順 (音声閲覧環境) テストファイルを開き、タブキーや矢印キーを使いフォーカスをひとつづつ移動させ、どのように読み上げるかを確認する。 -## テスト手順 1. +## テスト手順 1 テストファイルを開いた状態でタブキーや矢印キーを押し、ログインネームを入力するテキストボックスにフォーカスを移動する -### 期待される結果 1. +### 期待される結果 1 ログインネームを入力するテキストボックスにフォーカスが当たっていることと、入力必須であることが読み上げられる -## テスト手順 2. +## テスト手順 2 タブキーや矢印キーを押し、利用しているOSを選択するセレクトボックスへフォーカスを移動させる -### 期待される結果 2. +### 期待される結果 2 利用しているOSを選択するセレクトボックスにフォーカスが当たっていることと、選択必須であることが読み上げられる -## テスト手順 3. +## テスト手順 3 タブキーや矢印キーを押し、スクリーンリーダーの利用状況について選択するラジオボタンへフォーカスを移動させる -### 期待される結果 3. +### 期待される結果 3 スクリーンリーダーの利用状況について、「利用している」を選択するラジオボタンへとフォーカスが当たっていることと、選択必須であることが読み上げられる。もう一度タブキーを押し、「利用していない」を選択するラジオボタンへとフォーカスが当たっていることが読み上げられることも確認する。 -## テスト手順 4. +## テスト手順 4 タブキーや矢印キーを押し、利用しているスクリーンリーダーを選択するチェックボックスへフォーカスを移動させる -### 期待される結果4. +### 期待される結果4 利用しているスクリーンリーダーについて、「PC-Talker」を選択するチェックボックスにフォーカスが当たっていることと、選択必須であることが読み上げられる。もう一度タブキーを押し、「NVDA」を選択するチェックボックスにフォーカスが当たっていることと、選択必須であることが読み上げられることも確認する。 -## テスト手順 5. +## テスト手順 5 タブキーや矢印キーを押し、その他コメントを入力するテキストボックスへフォーカスを移動させる -### 期待される結果 5. +### 期待される結果 5 その他コメントを入力するテキストボックスへフォーカスが当たっていることと、入力必須であることが読み上げられる -# 期待される結果 (音声閲覧環境) +# 期待される結果 (音声閲覧環境) テスト手順1～5の結果をすべて満たしている。 -# テスト実施時の注意点 (音声閲覧環境) +# テスト実施時の注意点 (音声閲覧環境) なし -# 関連する要素や属性 : +# 関連する要素や属性 -aria-required 属性が指定されているinput 要素、select 要素、textarea 要素 \ No newline at end of file +aria-required 属性が指定されているinput 要素、select 要素、textarea 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0031-01.md b/WAIC-TEST/HTML/WAIC-TEST-0031-01.md index 6b15fa8e..b3579dd0 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0031-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0031-01.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0031-01 # テストのタイトル + role 属性による役割の指定 (toolbar) # テストの目的 + div 要素に role 属性を指定した場合、該当の role 属性が通知されるかの確認 # テストの対象となる達成基準 (複数) + 4.1.2 # 関連する達成方法 (複数) + ARIA4 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0031-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0031-01.html) # テストコードのソース (抜粋) + ```html
@@ -28,27 +33,33 @@ ARIA4 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + 次の 1. 〜 3. をすべて満たしている + 1. 矢印キーなどで要素を順に移動し toolbar に差し掛かった場合、toolbar であることが通知される 2. tab キーで移動し button 要素にフォーカスした場合、toolbar であることが通知される 3. toolbar を通過した場合、toolbar を終了したことが通知される # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="toolbar" をもつ div 要素 - +role="toolbar" をもつ div 要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0031-02.md b/WAIC-TEST/HTML/WAIC-TEST-0031-02.md index 5d89d5e8..35032470 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0031-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0031-02.md @@ -1,24 +1,29 @@ - - # テスト ID + WAIC-TEST-0031-02 # テストのタイトル + role 属性による役割の指定 (tree, treeitem, group) # テストの目的 + ul 要素および li 要素に role 属性を指定した場合、該当の role 属性が通知されるかの確認 # テストの対象となる達成基準 (複数) + 4.1.2 # 関連する達成方法 (複数) + ARIA4 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0031-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0031-02.html) # テストコードのソース (抜粋) + ```html
  • 鳥
    • @@ -32,27 +37,33 @@ ARIA4 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認 # 期待される結果 (音声閲覧環境) + 下記の 3点が確認できること。 + 1. role="tree" をもつ ul 要素が、tree であることが通知される。 2. role="treeitem" をもつ li 要素が treeitem であることが通知される。 3. role="group" をもつ ul 要素が、group であることが通知される。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 -role="tree" をもつ ul 要素、role="treeitem" をもつ li 要素、role="group" をもつ ul 要素。 - +role="tree" をもつ ul 要素、role="treeitem" をもつ li 要素、role="group" をもつ ul 要素。 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0032-01.md b/WAIC-TEST/HTML/WAIC-TEST-0032-01.md index e85f4ca3..72101fb9 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0032-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0032-01.md @@ -1,31 +1,38 @@ # テスト ID + WAIC-TEST-0032-01 # テストのタイトル + CSSによって不可視にされたリンクテキスト # テストの目的 + 非表示に配置されたa要素がリンクの目的を説明していることを確認する。 # テストの対象となる達成基準 (複数) + 2.4.4, 2.4.9 # 関連する達成方法 (複数) + C7 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0032-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0032-01.html) # テストコードのソース (抜粋) + ```css .visually-hidden { - clip-path: inset(100%); - clip: rect(1px, 1px, 1px, 1px); - height: 1px; - overflow: hidden; - position: absolute; - white-space: nowrap; - width: 1px; + clip-path: inset(100%); + clip: rect(1px, 1px, 1px, 1px); + height: 1px; + overflow: hidden; + position: absolute; + white-space: nowrap; + width: 1px; } ``` @@ -36,22 +43,29 @@ C7 ``` # テスト手順 (視覚閲覧環境) + テストファイルを操作し、結果を確認。 # 期待される結果 (視覚閲覧環境) + “ワシントンが経済成長を刺激する”は表示されず、“全文表示”のリンクテキストのみが表示される # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認。 # 期待される結果 (音声閲覧環境) + “ワシントンが経済成長を刺激する 全文表示” が読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + a要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0034-01.md b/WAIC-TEST/HTML/WAIC-TEST-0034-01.md index f376629c..9d1d61cb 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0034-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0034-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0034-01 # テストのタイトル + CSS による文字間隔の調整 # テストの目的 + letter-spacing プロパティで文字間隔を調整した状態でも単語の意味が維持されているかの確認 # テストの対象となる達成基準 (複数) + 1.3.2, 1.4.5, 1.4.9, 1.4.12 # 関連する達成方法 (複数) + C8 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0034-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0034-01.html) # テストコードのソース (抜粋) + ```css h2.space {letter-spacing: 1em;} ``` @@ -28,27 +35,33 @@ h2.space {letter-spacing: 1em;} ``` # テスト手順 (視覚閲覧環境) + 表示内容を確認 # 期待される結果 (視覚閲覧環境) + CSSで文字間隔を調整した2番目のＨ2要素「東京都」の文字間隔の広がりが確認できる # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + 1. 1番目のH2要素「東京都」と2番目のH2要素「東京都」を読み上げ、内容を確認 2. 2番目のH2要素「東京都」と3番目のH2要素「東 京 都」を読み上げ、内容を確認 - # 期待される結果 (音声閲覧環境) + 次の 1. ～ 2. をすべて満たしている + 1. テスト手順(音声閲覧環境) 1 の結果、どちらも「とうきょうと」と読み上げられる 2. テスト手順(音声閲覧環境) 2 の結果、「とうきょうと」と「ひがし　きょう　みやこ」と異なる読み上げ結果となる - # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + なし diff --git a/WAIC-TEST/HTML/WAIC-TEST-0035-01.md b/WAIC-TEST/HTML/WAIC-TEST-0035-01.md index 71d576a8..92d454bc 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0035-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0035-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0035-01 # テストのタイトル + CSS による装飾画像の付加（body要素：background プロパティ） # テストの目的 + CSS で指定された装飾目的の背景画像が読み上げられない -# テストの対象となる達成基準 (複数) +# テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + C9 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0035-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0035-01.html) # テストコードのソース (抜粋) + ```CSS body { background: #ffe url('./img/WAIC-CODE-0035-01.png') repeat; } ``` @@ -28,23 +35,30 @@ body { background: #ffe url('./img/WAIC-CODE-0035-01.png') repeat; } ``` # テスト手順 (視覚閲覧環境) + - テストファイルを操作し、結果を確認。 - ユーザエージェントでスタイルシート無効にし内容を確認。 # 期待される結果 (視覚閲覧環境) + スタイルシート無効により画像が非表示となる。 # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを操作し、結果を確認。 # 期待される結果 (音声閲覧環境) + 画像として読み上げられない。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + なし diff --git a/WAIC-TEST/HTML/WAIC-TEST-0035-04.md b/WAIC-TEST/HTML/WAIC-TEST-0035-04.md index 59adf1e2..3469278f 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0035-04.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0035-04.md @@ -1,43 +1,52 @@ # テスト ID + WAIC-TEST-0035-04 # テストのタイトル + CSS による装飾画像の付加（content プロパティ） # テストの目的 + CSS の疑似要素で指定された装飾目的の画像が読み上げられない # テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + C9 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0035-04](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0035-04.html) # テストコードのソース (抜粋) + ```CSS li a { - display: block; + display: block; } li.img a::before { - content: url("./img/WAIC-CODE-0035-04-01.png") / ""; - vertical-align: middle; - margin-right: .5em; + content: url("./img/WAIC-CODE-0035-04-01.png") / ""; + vertical-align: middle; + margin-right: .5em; } li.img a::after { - content: url("./img/WAIC-CODE-0035-04-02.png") / ""; - vertical-align: middle; - margin-left: .5em; + content: url("./img/WAIC-CODE-0035-04-02.png") / ""; + vertical-align: middle; + margin-left: .5em; } ``` + ```HTML     ``` + # テスト手順と期待される結果 (視覚閲覧環境) ## テスト手順 @@ -51,6 +60,7 @@ li.img a::after { 2. 2番目のリストの項目「会社概要」のリンク要素の最初と最後に画像が表示されない # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順と期待される結果 (音声閲覧環境) @@ -61,12 +71,16 @@ li.img a::after { 2. 2番目のリストの項目「会社概要」のリンク要素を読み上げ、内容を確認 ## 期待される結果 + 次の 1. ～ 2. をすべて満たしている + 1. 1番目のリストの項目「ホーム」のリンク要素の内容の最初および最後に、画像に関する情報が含まれない 2. 2番目のリストの項目「会社概要」のリンク要素の内容のみ読み上げられる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + なし diff --git a/WAIC-TEST/HTML/WAIC-TEST-0036-01.md b/WAIC-TEST/HTML/WAIC-TEST-0036-01.md index 3a7cc20d..1117b348 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0036-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0036-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0036-01 # テストのタイトル + CSSによる背景色の適用 (フォーカスされたリンク要素) # テストの目的 + フォーカスを受け取ったリンク要素の背景色が、CSS により変更される # テストの対象となる達成基準 (複数) + 1.4.1, 2.4.7 # 関連する達成方法 (複数) + なし # テストコード (テストファイルへのリンク) + [WAIC-CODE-0036-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0036-01.html) # テストコードのソース (抜粋) + ```HTML ``` + ```CSS #mainnav a { background-color: #000066; @@ -53,16 +61,21 @@ CSSによる背景色の適用 (フォーカスされたリンク要素) 2. フォーカスを外したリンク要素の背景色が、 “1.” で変化する前の状態に戻る。 # テスト実施時の注意点 (視覚閲覧環境) + ポインティングデバイスではアクティブ化してしまうのでキーボードによるテストを実施。 # テスト手順 (音声閲覧環境) + なし # 期待される結果 (音声閲覧環境) + なし # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + なし diff --git a/WAIC-TEST/HTML/WAIC-TEST-0036-02.md b/WAIC-TEST/HTML/WAIC-TEST-0036-02.md index b28afed5..7be4fad3 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0036-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0036-02.md @@ -1,86 +1,98 @@ # テスト ID + WAIC-TEST-0036-02 # テストのタイトル + CSSによる背景色の適用 (フォーカスされた入力フィールド) # テストの目的 + フォーカスを受け取った入力フィールドの背景色が変更される # テストの対象となる達成基準 (複数) + 2.4.7 # 関連する達成方法 (複数) + C15 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0036-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0036-02.html) # テストコードのソース (抜粋) + ```HTML
    -

    - -

    -

    -
    - -

    - +

    + +

    +

    +
    + +

    + ``` ```CSS input.text { - background-color: #000; - color: #7FFF00; - } + background-color: #000; + color: #7FFF00; +} input.text:focus { - background-color: #7FFF00; - color: #000; - } + background-color: #7FFF00; + color: #000; +} input[type=checkbox] + label, input[type=radio] + label { - background-color: #000; - color: #FF6; - } + background-color: #000; + color: #FF6; +} input[type=checkbox]:focus + label, input[type=radio]:focus + label { - background-color: #FF6; - color: #000; - } + background-color: #FF6; + color: #000; +} ``` # テスト手順と期待される結果 (視覚閲覧環境) -## テスト手順 1. +## テスト手順 1 1. 入力フィールドにフォーカスを移動する。 2. 入力フィールドのフォーカスを外す。 -## 期待される結果 1. +## 期待される結果 1 1. 入力フィールドの背景色が変化する。 2. 入力フィールドの背景色が、フォーカスを受け取る前の状態となる。 -## テスト手順 2. +## テスト手順 2 1. ラジオボタンにフォーカスを合わせる。 2. ラジオボタンのフォーカスを外す。 -## 期待される結果 2. +## 期待される結果 2 1. ラジオボタンの背景色が変化する。 2. ラジオボタンの背景色が、フォーカスを受け取る前の状態となる。 # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + なし # 期待される結果 (音声閲覧環境) + なし # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + なし diff --git a/WAIC-TEST/HTML/WAIC-TEST-0038-01.md b/WAIC-TEST/HTML/WAIC-TEST-0038-01.md index 158a37db..85067844 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0038-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0038-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0038-01 # テストのタイトル + aria-labelによるラベルの提供(複数のナビゲーションランドマーク) # テストの目的 + aria-labelによって指定されたナビゲーションランドマークを区別できることの確認 # テストの対象となる達成基準 (複数) + 1.1.1 # 関連する達成方法 (複数) + ARIA6 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0038-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0038-01.html) # テストコードのソース (抜粋) + ```HTML

    • ナビゲーションリンクの一覧
    @@ -25,34 +32,45 @@ ARIA6 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを開き、矢印キーを使って移動し、どのように読み上げるかを確認する。 -## テスト手順 1. +## テスト手順 1 + テストファイルを開いた状態で矢印キーを押し、一つ目のリスト項目へとフォーカスを移動する -### 期待される結果 1. +### 期待される結果 1 + リスト項目の内容とともに、「一つ目のナビゲーション」という名前のナビゲーションランドマークであることが読み上げられる -## テスト手順 2. +## テスト手順 2 + 矢印キーを押し、二つ目のリスト項目へとフォーカスを移動する -### 期待される結果 2. +### 期待される結果 2 + リスト項目の内容とともに、「二つ目のナビゲーション」という名前のナビゲーションランドマークであることが読み上げられる # 期待される結果 (音声閲覧環境) + テスト手順1～2の結果をすべて満たしている。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + aria-label属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0039-01.md b/WAIC-TEST/HTML/WAIC-TEST-0039-01.md index 67f1c15c..01911825 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0039-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0039-01.md @@ -1,44 +1,58 @@ # テスト ID + WAIC-TEST-0039-01 # テストのタイトル + aria-label 属性によるラベルの提供（a 要素） # テストの目的 + a 要素の内容が aria-label 属性の値で置き換わることの確認 # テストの対象となる達成基準 (複数) + 2.4.4, 2.4.9 # 関連する達成方法 (複数) + ARIA8 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0039-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0039-01.html) # テストコードのソース (抜粋) + ```HTML

    JIS X 8341-3 改正: 2016年3月、JIS X 8341-3が改正されました。[続きを読む...]

    ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - リンク要素にフォーカスを合わせる。 - 読み上げる内容を確認する。 # 期待される結果 (音声閲覧環境) + リンク要素では「JIS X 8341-3 改正の続きを読む」と読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + a要素、aria-label属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0040-01.md b/WAIC-TEST/HTML/WAIC-TEST-0040-01.md index 5db5e63a..e2efc418 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0040-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0040-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0040-01 # テストのタイトル + aria-labelledby 属性による複数のラベルの提供（input 要素 : 複数のaria-labelledby属性値） # テストの目的 + input 要素に複数の aria-labelledby 属性でラベルの提供をおこなった場合、属性値で指定された順番でラベルが読み上げられるかの確認 # テストの対象となる達成基準 (複数) + 1.1.1, 3.3.2 # 関連する達成方法 (複数) + ARIA9 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0040-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0040-01.html) # テストコードのソース (抜粋) + ```HTML

    @@ -29,23 +36,30 @@ ARIA9 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + - テキスト入力フィールドにフォーカスを合わせる。 - 読み上げる内容を確認する。 # 期待される結果 (音声閲覧環境) + 通知内容に「タイムアウトの延長20分」が含まれることを確認する。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + type="text" を持つ input要素、aria-labellebdy属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0041-01.md b/WAIC-TEST/HTML/WAIC-TEST-0041-01.md index 7eb647da..c21246b5 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0041-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0041-01.md @@ -1,7 +1,9 @@ # テスト ID + WAIC-TEST-0041-01 # テストのタイトル + リンクの目的を示すために aria-labelledby を使用する # テストの目的 @@ -9,15 +11,19 @@ WAIC-TEST-0041-01 a要素の内容が aria-labelledby 属性が参照する複数の要素の名前を組み合わせたものに置き換わることの確認 # テストの対象となる達成基準 (複数) + 2.4.4 # 関連する達成方法 (複数) + ARIA7 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0041-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0041-01.html) # テストコードのソース (抜粋) + ```HTML

    東海岸で暴風雨

    @@ -29,22 +35,29 @@ ARIA7 # テスト手順と期待される結果 (視覚閲覧環境) ## テスト手順 + テスト不要 ## 期待される結果 + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + リンク要素を読み上げて内容を確認する。 # 期待される結果 (音声閲覧環境) + リンク要素は「東海岸で暴風雨 続きを読む」と読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + a要素、aria-labelledby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0042-01.md b/WAIC-TEST/HTML/WAIC-TEST-0042-01.md index aca4c6b7..05f88380 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0042-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0042-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0042-01 # テストのタイトル + aria-labelledby による代替テキストの提供（img要素） # テストの目的 + aria-labelledby によって画像の代替テキストが提供されているかの確認 -# テストの対象となる達成基準 +# テストの対象となる達成基準 + 1.1.1 # 関連する達成方法 (複数) + ARIA10 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0042-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0042-01.html) # テストコードのソース (抜粋) + ```HTML
    @@ -27,23 +34,31 @@ ARIA10
    五つ星中四つ星
    ``` + # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + はじめにaria-labelledby が設定された画像が、ラベル付けされた ID 属性を代替テキストとして読み上げ、最後にID 属性の内容も読み上げられるかを確認。 # 期待される結果 (音声閲覧環境) + 「五つ星中四つ星」が画像の代替テキストと ID 属性の内容として2回読み上げられる。 # テスト実施時の注意点 (音声閲覧環境) + 本来、ラベル付けされた内容は代替テキストとして読み上げられるべきであり、ID 属性の内容が2回繰り返し読み上げられることは適切ではない。 # 関連する要素や属性 + img要素、alt属性、role属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0043-01.md b/WAIC-TEST/HTML/WAIC-TEST-0043-01.md index da553aeb..c70b6cf7 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0043-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0043-01.md @@ -1,7 +1,9 @@ # テスト ID + WAIC-TEST-0043-01 # テストのタイトル + リージョンとランドマークに名前 (name) を付けるために、aria-labelledby を使用する # テストの目的 @@ -9,15 +11,19 @@ WAIC-TEST-0043-01 complementary ランドマークに対して aria-labelledby を使用して名前 (name) を与えた場合に、ランドマークと名前 (name) が認識され、通知されるかどうかを確認する。 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + ARIA13 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0043-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0043-01.html) # テストコードのソース (抜粋) + ```HTML

    @@ -30,24 +36,32 @@ ARIA13 # テスト手順と期待される結果 (視覚閲覧環境) ## テスト手順 + テスト不要 ## 期待される結果 + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルをすべて読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 「トップニュース記事」の箇所に差し掛かった際に、次の 1. 〜 2. をすべて満たす + 1. この部分が complementary ランドマークであることが判別できるように通知される 2. 「トップニュース記事」という名前が通知される # テスト実施時の注意点 (音声閲覧環境) + complementary ランドマークは「補足」「補足情報」のように通知されることがある。主題ではない領域であることが伝わるような何らかの通知があれば良い。 # 関連する要素や属性 + div要素、role属性、aria-labelledby属性、id属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0043-02.md b/WAIC-TEST/HTML/WAIC-TEST-0043-02.md index 2a731daf..880ba9e8 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0043-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0043-02.md @@ -1,7 +1,9 @@ # テスト ID + WAIC-TEST-0043-02 # テストのタイトル + リージョンとランドマークに名前 (name) を付けるために、aria-labelledby を使用する # テストの目的 @@ -9,15 +11,19 @@ WAIC-TEST-0043-02 application ランドマークに対して aria-labelledby を使用して名前 (name) を与え、aria-describedby を使用して説明文を与えた場合に、ランドマークと名前 (name)、説明文が認識され、通知されるかどうかを確認する。 # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + ARIA13 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0043-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0043-02.html) # テストコードのソース (抜粋) + ```HTML

    カレンダー

    @@ -33,25 +39,33 @@ ARIA13 # テスト手順と期待される結果 (視覚閲覧環境) ## テスト手順 + テスト不要 ## 期待される結果 + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルをすべて読み上げ、内容を確認 # 期待される結果 (音声閲覧環境) + 「カレンダー」の箇所に差し掛かった際に、次の 1. 〜 3. をすべて満たす + 1. この部分が application ランドマークであることが判別できるように通知される 2. 「カレンダー」という名前が通知される 3. 「ボストンレッドソックスの試合スケジュールのカレンダーです」という説明文が通知される # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + div要素、role属性、aria-labelledby属性、id属性、aria-describedby属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0045-01.md b/WAIC-TEST/HTML/WAIC-TEST-0045-01.md index e7489fa2..6cae051e 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0045-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0045-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0045-01 # テストのタイトル + role 属性による見出しの特定(見出しレベルを指定しない場合) # テストの目的 + role="heading"を適用した要素が、支援技術に見出しとして認識されることを確認する # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + ARIA12 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0045-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0045-01.html) # テストコードのソース (抜粋) + ```HTML
    国際ニュース
    国際ニュースの記事一覧 @@ -25,34 +32,45 @@ ARIA12 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを開き、矢印キーを使って移動し、どのように読み上げるかを確認する。 -## テスト手順 1. +## テスト手順 1 + テストファイルを開いた状態で矢印キーを押し、「国際ニュース」と読み上げられるまで移動する -### 期待される結果 1. +### 期待される結果 1 + 「国際ニュース」というテキストであることに加え、見出しであることが読み上げられる -## テスト手順 2. +## テスト手順 2 + 矢印キーを押し、「国内ニュース」と読み上げられるまで移動する -### 期待される結果 2. +### 期待される結果 2 + 「国内ニュース」というテキストであることに加え、見出しであることが読み上げられる # 期待される結果 (音声閲覧環境) + テスト手順1～2の結果をすべて満たしている。 # テスト実施時の注意点 (音声閲覧環境) -WAI-ARIAの仕様では、aria-levelの指定が必須とされている(参考：https://w3c.github.io/aria/#heading)。ただしこのテストケースは、見出しのレベルが不明なレガシーなサイトを想定した実装となっているため、aria-levelが指定されていない。そのため、一部の支援技術では動作しない可能性がある点に注意する。 + +WAI-ARIAの仕様では、aria-levelの指定が必須とされている(参考：)。ただしこのテストケースは、見出しのレベルが不明なレガシーなサイトを想定した実装となっているため、aria-levelが指定されていない。そのため、一部の支援技術では動作しない可能性がある点に注意する。 # 関連する要素や属性 + role="heading"が指定されたdiv要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0047-01.md b/WAIC-TEST/HTML/WAIC-TEST-0047-01.md index 4c1729ae..39bbe650 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0047-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0047-01.md @@ -29,6 +29,7 @@ ARIA16 ``` + # テスト手順 (視覚閲覧環境) テスト不要 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0047-02.md b/WAIC-TEST/HTML/WAIC-TEST-0047-02.md index 13a60246..ff7d74d8 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0047-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0047-02.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0047-02 # テストのタイトル + スライダーコントロールにラベルを付けるために aria-labelledby を使用する # テストの目的 + スライダーコントロールにラベルを提供するために aria-labelledby 属性が使用できることの確認 -# テストの対象となる達成基準 +# テストの対象となる達成基準 + 1.3.1、4.1.2 # 関連する達成方法 (複数) + ARIA16 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0047-02](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0047-02.html) # テストコードのソース (抜粋) + ```HTML

    旅行の日数を選択してください。

    @@ -46,22 +53,29 @@ ARIA16 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + スライダーコントロールにフォーカスを合わせ、読み上げ内容を確認 # 期待される結果 (音声閲覧環境) + 「旅行の日数」としてラベルが通知される # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + aria-labelledby属性、id属性、role属性 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0048-01.md b/WAIC-TEST/HTML/WAIC-TEST-0048-01.md index 60384203..6c327eff 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0048-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0048-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0048-01 # テストのタイトル + role 属性によるフォームのグループ化(role="group"の使用) # テストの目的 + role="group"を適用した要素が、支援技術にグループ化されたフォームコントロールとして認識されることを確認する # テストの対象となる達成基準 (複数) + 1.3.1、3.3.2 # 関連する達成方法 (複数) + ARIA17 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0048-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0048-01.html) # テストコードのソース (抜粋) + ```HTML

    前半3桁と後半4桁に分けて入力します

    @@ -28,34 +35,45 @@ ARIA17 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを開き、矢印キーを使って移動し、どのように読み上げるかを確認する。 -## テスト手順 1. +## テスト手順 1 + テストファイルを開いた状態で矢印キーを押し、郵便番号を入力するテキストボックスへと移動する -### 期待される結果 1. +### 期待される結果 1 + 郵便番号を入力するテキストボックスであることに加え、「郵便番号」というグループの内側であることが読み上げられる -## テスト手順 2. +## テスト手順 2 + 矢印キーを押し、「郵便番号を入力してください。」と読み上げられるまで移動する -### 期待される結果 2. +### 期待される結果 2 + 「郵便番号を入力してください。」というテキストであることに加え、「郵便番号」というグループの外側であることが読み上げられる # 期待される結果 (音声閲覧環境) + テスト手順1～2の結果をすべて満たしている。 # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + role="group"が指定されたinput要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0049-01.md b/WAIC-TEST/HTML/WAIC-TEST-0049-01.md index 6e4df13e..96fdafbd 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0049-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0049-01.md @@ -49,11 +49,11 @@ ARIA18 # テスト手順と期待される結果 (音声閲覧環境) -## テスト手順 1. +## テスト手順 1 何らかの通知の最中に「エラーメッセージが含まれるアラートダイアログを表示する」ボタンを押下し、ボタン押下後の通知内容を確認する。 -## 期待される結果 1. +## 期待される結果 1 通知が次の 1. 〜 4. の全てを満たすことを確認する。 @@ -62,11 +62,11 @@ ARIA18 3. 通知内容に「エラー」が含まれる。 4. 通知内容に「従業員の生年月日が入社日以降になっています。生年月日と入社日を確認してください。」が含まれる。 -## テスト手順 2. +## テスト手順 2 「エラーメッセージが含まれるアラートダイアログを表示する」ボタンを押下後のフォーカスの位置を確認する。 -## 期待される結果 2. +## 期待される結果 2 フォーカスが「戻る」ボタンに当たっている。 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0051-01.md b/WAIC-TEST/HTML/WAIC-TEST-0051-01.md index 0f96a5fc..a7d8b357 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0051-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0051-01.md @@ -1,22 +1,29 @@ # テスト ID + WAIC-TEST-0051-01 # テストのタイトル + role 属性による領域の特定 # テストの目的 + role="region"を適用した要素が、支援技術にページの領域として認識されることを確認する # テストの対象となる達成基準 (複数) + 1.3.1 # 関連する達成方法 (複数) + ARIA20 # テストコード (テストファイルへのリンク) + [WAIC-CODE-0051-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0051-01.html) # テストコードのソース (抜粋) + ```HTML

    今週の質問

    @@ -37,22 +44,29 @@ ARIA20 ``` # テスト手順 (視覚閲覧環境) + テスト不要 # 期待される結果 (視覚閲覧環境) + なし # テスト実施時の注意点 (視覚閲覧環境) + なし # テスト手順 (音声閲覧環境) + テストファイルを開いた状態で矢印キーを押し、「今週の質問」と読み上げられるまで移動する # 期待される結果 + 「今週の質問」という名前の領域に差し掛かったことを読み上げる # テスト実施時の注意点 (音声閲覧環境) + なし # 関連する要素や属性 + role="region"が指定されたdiv要素 diff --git a/WAIC-TEST/HTML/WAIC-TEST-0052-02.md b/WAIC-TEST/HTML/WAIC-TEST-0052-02.md index ebf42da6..7ec1a8b6 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0052-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0052-02.md @@ -46,22 +46,22 @@ emailInput.classList.add('error'); # テスト手順と期待される結果 (音声閲覧環境) -## テスト手順 1. +## テスト手順 1 1. テストファイルを開き、入力フィールドに何も入力せずに送信ボタンを押す 2. 入力フィールドにフォーカスを移す -### 期待される結果 1. +### 期待される結果 1 入力フィールドにフォーカスを移した際、入力されているデータが適切でない旨がなんらかの手段によって通知される。かつ、「エラー: データが入力されていません」という説明文をなんらかの手段によって知ることができる -## テスト手順 2. +## テスト手順 2 1. 入力フィールドに"@"を含まない文字列 (たとえば "example.com" ) を入力する 2. 送信ボタンを押す 3. 入力フィールドにフォーカスを移す -### 期待される結果 2. +### 期待される結果 2 入力フィールドにフォーカスを移した際、入力されているデータが適切でない旨がなんらかの手段によって通知される。かつ、「エラー: データの形式が正しくありません」という説明文をなんらかの手段によって知ることができる diff --git a/WAIC-TEST/HTML/WAIC-TEST-0053-01.md b/WAIC-TEST/HTML/WAIC-TEST-0053-01.md index d805c13e..0791f9e5 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0053-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0053-01.md @@ -39,6 +39,7 @@ ARIA24 content: 'star'; } ``` + # テスト手順 (視覚閲覧環境) テストファイルを開き、「アイコンフォントA」と「アイコンフォントB」の表示内容の違いを確認する @@ -55,19 +56,19 @@ ARIA24 テストファイルを開き、矢印キーを使って移動し、どのように通知されるかを確認する -## テスト手順 1. +## テスト手順 1 テストファイルを開いた状態で矢印キーを押し、「アイコンフォントA」と通知されるまで移動する -### 期待される結果 1. +### 期待される結果 1 「アイコンフォントA」と通知された次に、下矢印キーを押し「star」と通知される -## テスト手順 2. +## テスト手順 2 テストファイルを開いた状態で矢印キーを押し、「アイコンフォントB」と通知されるまで移動する -### 期待される結果 2. +### 期待される結果 2 「アイコンフォントB」と通知された次に、下矢印キーを押し「画像Favorite」と通知される diff --git a/WAIC-TEST/HTML/WAIC-TEST-0055-01.md b/WAIC-TEST/HTML/WAIC-TEST-0055-01.md index 43d24c9b..0a335c79 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0055-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0055-01.md @@ -45,35 +45,35 @@ C15 # テスト手順と期待される結果 (視覚閲覧環境) -## テスト手順 1. +## テスト手順 1 マウスなどのポインティングデバイスによって、リンクテキスト「サービス」の上にポインターをホバーさせる -### 期待される結果 1. +### 期待される結果 1 ホバーするとリンクテキスト「サービス」の背景色が変化する -## テスト手順 2. +## テスト手順 2 マウスなどのポインティングデバイスによって、リンクテキスト「サービス」の上からポインターを外す -### 期待される結果 2. +### 期待される結果 2 ポインターが外れるとリンクテキスト「サービス」の背景色が元に戻る -## テスト手順 3. +## テスト手順 3 Tab キーを押下し、リンクテキスト「サービス」にフォーカスを移動 -### 期待される結果 3. +### 期待される結果 3 フォーカスが当たるとリンクテキスト「サービス」の背景色が変化する -## テスト手順 4. +## テスト手順 4 Tab キーを押下し、リンクテキスト「サービス」から他の要素にフォーカスを移動 -### 期待される結果 4. +### 期待される結果 4 フォーカスが外れるとリンクテキスト「サービス」の背景色が元の色に戻る diff --git a/WAIC-TEST/HTML/WAIC-TEST-0055-02.md b/WAIC-TEST/HTML/WAIC-TEST-0055-02.md index 8e0795d1..6af80282 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0055-02.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0055-02.md @@ -49,28 +49,28 @@ input[type=radio]:focus + label { # テスト手順と期待される結果 (視覚閲覧環境) -## テスト手順 1. +## テスト手順 1 Tab キーを押下し、「名前」の入力欄にフォーカスを移動 -### 期待される結果 1. +### 期待される結果 1 フォーカスが当たると「名前」の入力欄の背景色が変化する -## テスト手順 2. +## テスト手順 2 Tab キーを押下し、ラジオボタン「男性」にフォーカスを移動 -### 期待される結果 2. +### 期待される結果 2 - フォーカスが外れた「名前」の入力欄の背景色が元に戻る - フォーカスが当たるとラジオボタン「男性」のラベルの背景色が変化する -## テスト手順 3. +## テスト手順 3 下矢印キーを押下し、ラジオボタン「男性」から「女性」にフォーカスを移動 -### 期待される結果 3. +### 期待される結果 3 - フォーカスが外れたラジオボタン「男性」のラベルの背景色が元に戻る - フォーカスが当たるとラジオボタン「女性」のラベルの背景色が変化する diff --git a/WAIC-TEST/HTML/WAIC-TEST-0057-01.md b/WAIC-TEST/HTML/WAIC-TEST-0057-01.md index 14350e24..6adbd60c 100644 --- a/WAIC-TEST/HTML/WAIC-TEST-0057-01.md +++ b/WAIC-TEST/HTML/WAIC-TEST-0057-01.md @@ -25,16 +25,16 @@ ARIA5 # テストコードのソース (抜粋) ```HTML -

    aria-pressed 属性のないボタン要素

    - - -

    aria-pressed 属性のあるボタン要素

    -

    aria-pressed 属性値が false

    - -

    aria-pressed 属性値が true

    - -

    aria-pressed 属性値が mixed

    - +

    aria-pressed 属性のないボタン要素

    + + +

    aria-pressed 属性のあるボタン要素

    +

    aria-pressed 属性値が false

    + +

    aria-pressed 属性値が true

    + +

    aria-pressed 属性値が mixed

    + ``` # テスト手順 (視覚閲覧環境) @@ -51,33 +51,33 @@ ARIA5 # テスト手順と期待される結果 (音声閲覧環境) -## テスト手順 1. +## テスト手順 1 「ボタン1」の通知内容を確認する。 -## 期待される結果 1. +## 期待される結果 1 通知が次の 1. 〜 2. を全て満たすことを確認する。 1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。 2. 通知内容に、押されている状態であると判別できるものが含まれない。 -## テスト手順 2. +## テスト手順 2 「ボタン2」の通知内容を確認する。 -## 期待される結果 2. +## 期待される結果 2 通知が次の 1. 〜 2. を全て満たすことを確認する。 1. 通知内容に、「トグルボタン」などと押されている状態をもつロールであることが判別できるものが含まれる。 2. 通知内容に、押されている状態であると判別できるものが含まれる。 -## テスト手順 3. +## テスト手順 3 「ボタン3」の通知内容を確認する。 -## 期待される結果 3. +## 期待される結果 3 通知が次の 1. 〜 2. を全て満たすことを確認する。