アクセシビリティ サポーテッド (AS) 情報：テストケース
0012-02: チェックボックスとラベル (label 要素)

フリック

“1.” のチェックボックス : 「山田荘」

“2.” のチェックボックス : 「田中アパート」

“3.” のチェックボックス : 「佐藤マンション」

と読み上げた。

フリック

“3.” のチェックボックスにフォーカスを移動すると「佐藤マンション」と読み上げた。

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

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

山田荘 チェックボックス オフ 検索プラススペースキーで切り替えます。

田中アパート チェックボックス オフ 検索プラススペースキーで切り替えます。

佐藤マンション チェックボックス オフ 検索プラススペースキーで切り替えます。

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

VOキー＋右矢印キーで各チェックボックスへ移動した。

以下のように読み上げられた。

“1.” のチェックボックス : “山田荘 チェックされていない チェックボックス”

“2.” のチェックボックス : “田中アパート チェックされていない チェックボックス”

“3.” のチェックボックス : “佐藤マンション チェックされていない チェックボックス”

ラベル・テキスト「定期借家」をクリックし、挙動を確認した。

以下のような挙動であった。

1. ラベル “山田荘” をクリックすると、“1.” のチェックボックスのチェック状態が切り替わった。

2. ラベル “田中アパート” をクリックすると、“2.” のチェックボックスのチェック状態が切り替わった。

3. ラベル “佐藤マンション” をクリックすると、“3.” のチェックボックスのチェック状態が切り替わった。

4. “定期借家” をクリックしても “3.” のチェックボックスのチェック状態は切り替わらなかった。

ラベルをクリックした時にフォーカスリングがチェックボックスに表示されないように思うが、チェックボックスのチェック状態が切り替わるので、テストの目的「label 要素に指定したラベルとチェックボックスが関連付いているか」は確認できたと考え、満たしていると判断した。

Fキーで各チェックボックスに移動した。

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

1. それぞれのチェックボックスにフォーカスを移動すると、次のように関連付けられたラベルが読み上げられた。

“1.” のチェックボックス : “山田荘”

“2.” のチェックボックス : “田中アパート”

“3.” のチェックボックス : “佐藤マンション”

2. “3.” のチェックボックスにフォーカスを移動しても、 “定期借家” は読み上げられなかった。

TABでフォーカスを移動し、確認した。

TABキーで移動すると、"山田荘の切り替え"、"田中アパートの切り替え"、"佐藤マンションの切り替え"と順番に読み上げた。

TABキーでフォーカス移動した

"3."のチェックボックスは"佐藤マンション"と読み上げられた。

Tabキーで移動した。

“1.” のチェックボックス ラベルの「山田荘」、“2.” のチェックボックス「田中アパート」、“3.” のチェックボックス「佐藤マンション」

Tabキーで移動した。

“3.” のチェックボックス : ラベル の「佐藤マンション」のみ読み上げた。