アクセシビリティ・サポーテッド(AS)情報:H030-5

H030-5a 要素のリンクの目的を説明するリンクテキストを提供する

見解

要注意

対象

a要素内にあるimg要素のalt属性

注意点

画像が装飾を目的にしていて、そのalt属性値が空の場合には問題ない。
ただし、alt属性値に代替テキストが記述されている場合、スクリーンリーダーのPC-Talker XPとNetReaderではその代替テキストが読み上げられないので注意が必要。

代替もしくは推奨する方法

可能な場合には、リンクをすべて画像にするか、またはすべてテキストにしたほうがよい。

備考

実装方法としては、H2と同じ。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 × ツール→インターネットオプション→詳細設定で画像の非表示設定を行った。
Internet Explorer 7.0 アイコン画像の中に「PDFファイル」と書かれていると思われる代替テキストが見えている。
Internet Explorer 8.0 アイコン画像の中に「PDFファイル」と書かれていると思われる代替テキストが見えている。
Internet Explorer 9 画像を以下のやり方で非表示にした。
ツールメニュー>オプション>コンテンツパネル
「画像を自動的に読み込む」のチェックをオフにする
ブラウザの設定を変更して画像非表示にした際に、アイコン画像の代わりに代替テキスト「PDFファイル」が表示されるかを確認
Firefox 3.5 ツール→オプションから、コンテンツタブの画像を自動的に読み込むのチェックを外したところ、画像のリンクらしい部分に「PDFファイル」と表示される
Firefox 4.0 1:画像を以下のやり方で非表示。
ツールメニュー>オプション>コンテンツパネル
「画像を自動的に読み込む」のチェックをオフにする。
アイコン画像の代わりに代替テキスト「PDFファイル」が表示されることを確認
Safari 3.2 × 開発メニューからイメージを無効にする、で画像を非表示にしたところPDFのアイコンの代わりには何も表示されなくなる。 リンクを示すテキストのアンダーラインだけはPDFのアイコンがあったところには残っている。
Safari 5.0.3 × PDFのアイコンの代わりには何も表示されなくなる。 もともと画像があった部分にアンダーラインの表示は残っている。
JAWS for Windows 9.0 ■操作手順
「施設ご利用の手引き PDFファイル リンク」と読み上げた。
■音声読み上げ
「施設ご利用の手引き PDFファイル リンク」
ホームページ・リーダー 3.04 ■操作手順
リンク音声で「施設ご利用の手引きPDFファイル」と読み上げる
■音声読み上げ
「施設ご利用の手引きPDFファイル」
PC-Talker XP 3.06 × ■操作手順
「施設ご利用の手引き、リンク」と読み上げる。
■音声読み上げ
「施設ご利用の手引き、リンク」
PDFファイルの部分は読み上げなかったため、×。
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
リンクにフォーカスを移動させた際に、テキストリンクのラベル「施設ご利用の手引き PDFファイル」と読み上げられた。
■音声読み上げ
「施設ご利用の手引き PDFファイル」
テキスト画面で、全文読み上げでフォーカスが移動した際は、「施設ご利用の手引き PDFファイル」と読み上げた。
しかし、(同テキスト画面で)Tabキーでフォーカスを移動させた際は、「施設ご利用の手引き リンク」と読み上げ、「PDFファイル」を読み上げなかったため、△とした。
FocusTalk V3 × ■操作手順
リンクにフォーカスが移動すると、「施設ご利用の手引き、未訪問のリンク」と読み上げたが、「PDFファイル」は読み上げられなかった。
■音声読み上げ
「施設ご利用の手引き、未訪問のリンク」
NVDA 2010.1j ■操作手順
リンク項目にフォーカスを移動させた際、「施設ご利用の手引き 画像PDFファイル」と読み上げられた。
■音声読み上げ
「施設ご利用の手引き 画像PDFファイル」
NVDA 2011.1 ■操作手順
リンク項目にフォーカスを移動させた際、「施設ご利用の手引き 画像PDFファイル」と読み上げられた。
■音声読み上げ
「施設ご利用の手引き 画像PDFファイル」