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

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

関連する達成基準の実装方法一覧

7.1.1.1非テキストコンテンツに関する達成基準 (等級A)

7.2.4.4文脈におけるリンクの目的に関する達成基準 (等級A)

テストファイル

H30-2のテストファイル

見解

達成可能

対象

a要素内に単一のimg要素があるケース

注意点

SafariやGoogle Chromeでは、画像を非表示にした際に代替テキストが表示されない。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 ツール→インターネットオプション→詳細設定で画像の非表示設定を行った。
「東京駅構内の最新のルート」と表示された。
Internet Explorer 7.0 リンク画像の代わりに代替テキストが表示された。
Internet Explorer 8.0 リンク画像の代わりに代替テキスト「東京駅校内の最新のルート」が表示された。
Internet Explorer 9 画像を以下のやり方で非表示。
ツールメニュー>インターネットオプション>詳細設定>マルチメディア
「画像を表示する」のチェックをオフにする
ブラウザの設定を変更して画像非表示にした際に、リンク画像の代わりに代替テキストが表示されるかを確認
Firefox 3.5 ツール→オプションから、コンテンツタブの画像を自動的に読み込むのチェックを外したところ、「東京駅構内の最新のルート」と表示
Firefox 4.0 1:画像を以下のやり方で非表示。
ツールメニュー>オプション>コンテンツパネル
「画像を自動的に読み込む」のチェックをオフにする。
リンク画像の代わりに代替テキスト「東京駅構内の最新のルート」が表示されることを確認
Firefox 9.0 画像を以下のやり方で非表示にした。
ツール>オプション>コンテンツ
「画像を自動的に読み込む」のチェックをオフにする
リンク画像の代わりに代替テキストが表示されるかを確認
Safari 3.2 × 開発メニューからイメージを無効にする、で画像を非表示にしたところ何も表示されなくなる。
Safari 5.0.3 × 開発メニューからイメージを無効にする、で画像を非表示にしたところ何も表示されなくなる。 もともと表示されていた部分にカーソルを当てると矢印の表示がかわるが(ミッキーマウスの手)、代替テキストは出ない。
JAWS for Windows 9.0 ■操作手順
「東京駅構内の最新のルート リンク 画像」と読み上げた。
■音声読み上げ
「東京駅構内の最新のルート リンク 画像」
ホームページ・リーダー 3.04 ■操作手順
リンク音声で「東京駅構内の最新のルート。」と読み上げる
■音声読み上げ
「東京駅構内の最新のルート。」
PC-Talker XP 3.06 ■操作手順
「東京駅構内の最新のルート、リンク」 と読み上げる。
■音声読み上げ
「東京駅構内の最新のルート、リンク」
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
リンクにフォーカスを移動させた際に、「東京駅構内の最新のルート」と読み上げた。
■音声読み上げ
「東京駅構内の最新のルート」
Tabキーでフォーカスを移動させた際は、下記のように読み上げた。
「東京駅構内の最新のルート リンク」
FocusTalk V3 ■操作手順
画像リンクにフォーカスが移動すると、「東京駅構内の最新のルート」と読み上げられた。
■音声読み上げ
「東京駅構内の最新のルート、未訪問のリンク」
NVDA 2010.1j ■操作手順
リンク項目にフォーカスを移動した際、「リンク画像東京駅構内の最新のルート」と読み上げられた。
■音声読み上げ
「リンク画像東京駅構内の最新のルート」
NVDA 2011.1 ■操作手順
リンク項目にフォーカスを移動した際、「リンク画像東京駅構内の最新のルート」と読み上げられた。
■音声読み上げ
「リンク画像東京駅構内の最新のルート」
Firefox18.0.1 画像を以下のやり方で非表示にした。
ツール>オプション>コンテンツ
「画像を自動的に読み込む」のチェックをオフにする
リンク画像の代わりに代替テキストが表示されるかを確認
Google Chrome 25 × 【1】ブラウザの設定を変更して画像非表示にした際に、リンク画像の代わりに代替テキストが表示されるかを確認する。
画像非表示の設定は下記の通り実施
ブラウザ右上のボタン→[コンテンツの設定]→“画像”[すべての画像を表示しない]にチェック
【1】×
リンク画像の代わりに何も表示されないことを確認した。
Safari 6.0.5 × 画像の非表示はあらかじめ環境設定の詳細で「メニューバーに"開発"メニューを表示」を選択したうえで 開発→イメージを無効にする を選択 画像の表示されていた場所には何も表示されないものの、画像相当の大きさの空白は認められ、またマウスポインタを乗せたときにリンクの存在はポインタ形状の変化により確認できる
NVDA 2012.3 ■操作手順
リンク項目にフォーカスを移動した際、「リンク画像東京駅構内の最新のルート」と読み上げられた。
■音声読み上げ
「リンク画像東京駅構内の最新のルート」
PC-Talker 7 2.12 ■操作手順
Tabキーで移動、またはCtrl+下矢印キーで行読み
■音声読み上げ
Tabキー、またはCtrl+下矢印キー
「東京駅構内の最新のルート リンク」
VoiceOver ■操作手順
2本指フリック、1本指フリックともに、「東京駅構内の最新のルート リンク イメージ」と読み上げられた。
■音声読み上げ
「東京駅構内の最新のルート リンク イメージ」