WAIC-TEST-0001-01
同じリンクの中に入れた画像 (代替テキストなし) とテキスト (1. 画像 2. テキスト)
画像 (代替テキストなし) とテキストを 1. 画像 2. テキスト の順で同じリンクの中に入れた場合、代替テキストやコンテンツと誤解される表示・読み上げがないかの確認
1.1.1, 2.4.4, 2.4.9
H2, H30
<div>
<a href="http://waic.jp/"><img src="img/H2-1.gif" alt="">ウェブアクセシビリティ基盤委員会公開サイト</a>
</div>
表示 : ブラウザの設定を変更して画像非表示にし、表示内容を確認
代替テキストや、コンテンツと誤解されるようなファイル名や URL などは表示されず、リンクテキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが表示される
“画像” と表示されたり、画像のプレースホルダの枠が表示されたりする場合は OK と判断
リンクを読み上げ、内容を確認
アイコン画像の代替テキストは何も読み上げられず、リンクテキスト “ウェブアクセシビリティ基盤委員会公開サイト” のみが読み上げられる
代替テキストなし (alt=””) の画像を “画像” と読み上げるモードがある場合も OK と判断するが、テキストモードや全文読みモードなどで読み上げられる場合は NG と判断
a 要素 , img 要素 , alt 属性