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

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

テスト実施時の注意点

2. では、チェックボックスとラベルの位置関係による関連付けではなく、label 要素 (内のテキストのみ) による関連付けかどうかを確認している

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

1. それぞれのチェックボックスにフォーカスを移動すると、次のように関連付けられたラベルを知るための何らかの手段が提供されている

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

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

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

2. “3.” のチェックボックスにフォーカスを移動すると、 “定期借家” は読み上げられない

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

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

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

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

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

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

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

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

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

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

フリック

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

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

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

と読み上げた。

フリック

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

Tabキーで移動した。

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

Tabキーで移動した。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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