アクセシビリティ サポーテッド (AS) 情報:テストケース
0012-01: テキスト入力フィールドとラベル (label 要素)

テストの対象となる達成基準

関連する達成方法

テスト詳細

検証結果一覧

テスト結果の詳細

ID環境判断操作内容得られた結果テスト実施者実施日備考
510
  • Windows 11 Pro 22H2 22621.3007
  • Chrome 120.0.6099.225
  • NVDA 2023.1jp(2023.1.0.1991)

テストファイルを操作し、結果を確認

テスト実施時の注意点

2. では、テキスト入力フィールドとラベルの位置関係による関連付けではなく、label 要素 (内のテキストのみ) による関連付けかどうかを確認している

次の 1. 〜 2. をすべて満たしている

1. それぞれのテキスト入力フィールドにフォーカスを移動すると、次のように関連付けられたラベルを知るための何らかの手段が提供されている

“1.” のテキスト入力フィールド : ラベル “姓”

“2.” のテキスト入力フィールド : ラベル “名”

“3.” のテキスト入力フィールド : ラベル “住所”

“4.” のテキスト入力フィールド : ラベル “電話番号”

2. “4.” のテキスト入力フィールドにフォーカスを移動すると、 “ハイフンは不要” は読み上げられない

me_tks_2024-01-18[WAICレビュー作業中]

387
  • Windows 10 Version 1803
  • Internet Exprorer 11.0,101
  • PC-Talker 10 64bit Vesion.1.26

TABキーでそれぞれの入力フィールドにフォーカス移動した。

1番目のテキストフィールドは、"姓の文字入力"、2番目のテキストフィールドは、"名の文字入力"、3番目のテキストフィールドは、"住所:の文字入力"、4番目のテキストフィールドは、":電話番号の文字入力"と読み上げられた。

中野利保2019/02/20

TABキーで4番目のテキスト入力フィールドにフォーカス移動した。

4番目のテキストフィールドは、":電話番号の文字入力"と読み上げられ、"ハイフンは不要"は読み上げられなかった。

307
  • Chrome OS 71
  • Chrome OS 71.0.3578.94(64bit)
  • ChromeVox Google TTS Setting : Chrome OS 日本語 インストール済み
  • 参考:Chromebook ヘルプ / 組み込みのスクリーン リーダーを使用する

    https://support.google.com/chromebook/answer/7031755?hl=ja

テストファイルを操作し、結果を確認

TABキーを押下していくと、以下の順に読み上げる。

姓 テキスト編集

名 テキスト編集

住所: テキスト編集

:電話番号 テキスト編集

四方田正夫2019/01/13

[WAIC注]実施日を2018年から2019年に訂正しました。

250
  • Android 8.0.0 ビルド番号:41.3.B.161
  • Google Chrome 71.0.3578.99
  • Android Accessibility Suite(TalkBack) 7.2.0.220693075

フリック

テキスト入力フィールドにフォーカスを移動すると

“1.” のテキスト入力フィールド : 「姓」

“2.” のテキスト入力フィールド : 「名」

“3.” のテキスト入力フィールド : 「住所」

“4.” のテキスト入力フィールド : 「電話番号」

と読み上げた。

小枝 繁子2019/01/21

フリック

“4.” のテキスト入力フィールドにフォーカスを移動すると「電話番号」と読み上げた。

240
  • Windows10 pro バージョン:1803
  • Fierfox ver64.0.2
  • NVDA ver2018.4.1jp

テキスト入力フィールドにTabキーで移動した。

ラベルの「姓」「名」「住所:」「:電話番号」と読み上げた。

小枝 繁子2019/01/18

Tabキーで移動した。

「:電話番号」のみ読み上げた。

115
  • Windows 10 Home Version 1809
  • Firefox 64.0
  • NVDA 2018.4jp

Fキーでテキスト入力フィールドに移動した。

次の 1. 〜 2. のようになった。

1. それぞれのテキスト入力フィールドにフォーカスを移動すると、次のように関連付けられたラベルが読み上げられた。

“1.” のテキスト入力フィールド : “姓”

“2.” のテキスト入力フィールド : “名”

“3.” のテキスト入力フィールド : “住所”

“4.” のテキスト入力フィールド : “電話番号”

2. “4.” のテキスト入力フィールドにフォーカスを移動しても、 “ハイフンは不要” は読み上げられなかった。

安倍 英樹2019/01/11

71
  • macOS 10.14.2
  • Firefox 64.0

各ラベル・テキスト「ハイフンは不要」をマウスでクリックして挙動を確認した。

次の 1. 〜 5. をすべて満たしていた。

1. ラベル “姓” をクリックすると、“1.” のテキスト入力フィールドにフォーカスが移動した。

2. ラベル “名” をクリックすると、“2.” のテキスト入力フィールドにフォーカスが移動した。

3. ラベル “住所” をクリックすると、“3.” のテキスト入力フィールドにフォーカスが移動した。

4. ラベル “電話番号” をクリックすると、“4.” のテキスト入力フィールドにフォーカスが移動した。

5. “ハイフンは不要” をクリックしても “4.” のテキスト入力フィールドにフォーカスが移動しなかった。

安倍 英樹2019/01/07

35
  • macOS 10.14.2
  • Firefox 64.0
  • VoiceOver

VOキー+右矢印キーで各テキスト入力フィールドに移動した。

各テキストフィールドに移動すると以下のように読み上げられた。

姓 テキスト

名 テキスト

住所 テキスト

電話番号 テキスト

安倍 英樹2018/12/29

ライセンス

各検証結果は、それぞれの作成者を原著作者とし、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。原著作者名は、それぞれの検証結果をご覧ください。また、ご利用になる前に利用許諾条項を必ずご確認ください。

by-sa 利用許諾条項(表示 – 継承 4.0 国際)の確認