as_test

テスト ID

WAIC-TEST-0012-05

テストのタイトル

テキスト入力フィールドとラベル (title 属性)

テストの目的

title 属性に指定したラベルとテキスト入力フィールドが関連付いているかの確認

テストの対象となる達成基準 (複数)

1.1.1, 1.3.1, 3.3.2, 4.1.2

関連する達成方法 (複数)

H65

テストコード (テストファイルへのリンク)

WAIC-CODE-0012-05

テストコードのソース (抜粋)

<div>
<p>電話番号: 1. <input id="areaCode" name="form01" title="市外局番" type="text" size="3" value=""> - 2. <input id="exchange" name="form02" title="市内局番" type="text" size="3" value=""> - 3. <input id="lastDigits" name="form03" title="加入者番号" type="text" size="4" value=""></p>
</div>

テスト手順 (視覚閲覧環境)

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

期待される結果 (視覚閲覧環境)

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

1. マウス操作 : テキスト入力フィールドにマウスポインタを重ねると、次のようにそれぞれの title 属性の値が通知される
2. キーボード操作 : テキスト入力フィールドにフォーカスを移動すると、次のようにそれぞれの title 属性の値が通知される

テキスト入力フィールドと title 属性の対応は次の通り

• “1.” : “市外局番”
• “2.” : “市内局番”
• “3.” : “加入者番号”

テスト実施時の注意点 (視覚閲覧環境)

なし

テスト手順 (音声閲覧環境)

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

期待される結果 (音声閲覧環境)

テキスト入力フィールドにフォーカスを移動すると、次のように title 属性値が読み上げられる

• “1.” : “市外局番”
• “2.” : “市内局番”
• “3.” : “加入者番号”

テスト実施時の注意点 (音声閲覧環境)

なし

関連する要素や属性

type=”text” を持つ input 要素 , title 属性