Permalink
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
52 lines (34 sloc) 1.86 KB
テスト ID :
WAIC-TEST-0002-01
テストのタイトル :
同じリンクの中に入れた画像 (代替テキストあり) とテキスト (1. 画像 2. テキスト)
テストの目的 :
画像 (代替テキストあり) とテキストを 1. 画像 2. テキスト の順で同じリンクの中に入れた場合、代替テキストとリンクテキストが表示・読み上げされるかの確認
テストの対象となる達成基準 (複数) :
1.1.1, 2.4.4, 2.4.9
関連する達成方法 (複数) :
H2
テストコード (テストファイルへのリンク) :
WAIC-CODE-0002-01
テストコードのソース (抜粋) :
<div>
<a href="http://waic.jp/">
<img src="img/logo.png" alt="ウェブアクセシビリティ基盤委員会" height="77" width="334">
公式サイト
</a>
</div>
テスト手順 (視覚閲覧環境) :
表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認
期待される結果 (視覚閲覧環境) :
アイコン画像の代わりに、代替テキスト “ウェブアクセシビリティ基盤委員会” が表示される
テスト実施時の注意点 (視覚閲覧環境) :
なし
テスト手順 (音声閲覧環境) :
リンクを読み上げ、内容を確認
期待される結果 (音声閲覧環境) :
アイコン画像の代替テキストとリンクテキストが続けて “ウェブアクセシビリティ基盤委員会 公式サイト” と読み上げられる
テスト実施時の注意点 (音声閲覧環境) :
代替テキストの内容に加えて “画像”、“イメージ” など画像であることを読み上げるモードがある場合も OK と判断
リンクが 2 つに分かれていると誤解するような読み上げはNGと判断
関連する要素や属性 :
a 要素 , img 要素 , alt 属性