WAIC-TEST-0004-05.md

テスト ID

WAIC-TEST-0004-05

テストのタイトル

イメージマップ内の area 要素 (リンクの判別)

テストの目的

イメージマップ内の各 area 要素がリンクであることを判別できるかの確認

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

1.1.1, 2.4.4, 2.4.9

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

H24

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

WAIC-CODE-0004-01

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

<div>
<p>各売り場への直通電話番号につきましては<a href="#">お問い合わせ先一覧</a>をご参照ください。</p>
<img src="img/WAIC-CODE-0004-01.gif" alt="デパートのフロアガイド。各階について詳しくお知りになりたい場合は各階をクリックしてください。" width="300" height="400" usemap="#Map">
<map name="Map" id="Map">
<area shape="poly" coords="0,  0,265,  0,300, 30,300,108,265,102,0,102" href="WAIC-CODE-0004-01-ref4.html" alt="4F雑貨 書籍">
<area shape="poly" coords="0,102,265,102,300,108,300,207,265,202,0,202" href="WAIC-CODE-0004-01-ref3.html" alt="3F衣料品">
<area shape="poly" coords="0,202,265,202,300,207,300,304,265,301,0,301" href="WAIC-CODE-0004-01-ref2.html" alt="2Fお菓子 その他食品">
<area shape="poly" coords="0,301,265,301,300,304,300,400,265,400,0,400" href="WAIC-CODE-0004-01-ref1.html" alt="1F生鮮食品">
</map>

<p>店舗へのアクセスにつきましては<a href="#">周辺地図</a>をご参照ください。</p>

</div>

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

マウス操作 : 各 area 要素にマウスポインタを重ね、挙動を確認 キーボード操作 : 各 area 要素にフォーカスを移動し、挙動を確認

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

リンクであることを判別できる何らかの手段が提供されている

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

マウスポインタの形状変化や、フォーカスの枠線表示などの視覚効果が提供されている場合は OK と判断

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

各 area 要素を読み上げ、内容を確認

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

リンクであることを判別できる何らかの手段が提供されている

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

なし

関連する要素や属性

area 要素 , alt 属性