Permalink
Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
54 lines (36 sloc) 1.89 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 属性