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

H77-2: リンクテキストとそれが含まれているリスト項目とを組み合わせて、リンクの目的を特定する

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

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

テストファイル

H77-2のテストファイル

見解

要注意

対象

li要素内に複数あるa要素

注意点

一部のスクリーンリーダーではサポートされていない。

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

できるかぎり、「リンクテキストだけ」でリンクの目的が分かるようにするとよい。それができない場合にこの実装方法を用いる。

備考

支援技術の機能向上に期待する。使用することによる悪影響はなく、サポートしていないスクリーンリーダーでも行読みモード(矢印キー等)で前後に移動すれば文脈をたどることができるため、実用上の問題はほとんどないと考えることができる。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 - テスト不要
Internet Explorer 7.0 - テスト不要
Internet Explorer 8.0 - テスト不要
Internet Explorer 9 テスト不要
Firefox 3.5 - テスト不要
Firefox 4.0 - テスト不要
Firefox 9.0 テスト不要
Safari 3.2 - テスト不要
Safari 5.0.3 - テスト不要
JAWS for Windows 9.0 × ■読み上げ
「ナカテン リンク ツーム ナカテン レイダー コロン レジェンド リンク イメージを見る リンク カッコヒラキ デモダウンロード カッコトジ」
1.×:読み上げる機能がないため、×
2.×:読み上げることができないため、×。
2012年4月修正
ホームページ・リーダー 3.04 × 1.一つ目のリスト項目(ツーム・レイダー:レジェンド)にあるリンク「デモ ダウンロード」にフォーカスを移動させた状態で、何らかのキー操作により、リンクが含まれているリスト項目全体を「ツーム・レイダー:レジェンド イメージを見る デモ ダウンロード」と読み上げることができるかを確認
2.読み上げることができた場合、そのままの状態でEnterキーを押すとリンク先(WAICのサイト)に遷移するか(フォーカスがリンクから移動していないことを確認する)を確認
2012年4月修正
■読み上げ
「ツーム・レイダー:レジェンド イメージを見る (デモ ダウンロード) 」
1.×:「デモ ダウンロード」にフォーカスを合わせた状態でリンクが含まれているリスト項目全体を読み上げることができないため、×。
2.×:1を読み上げることができなかったため、×。
PC-Talker XP 3.06 × ■読み上げ
「イメージを見る、リンク」
1.×:「デモ ダウンロード」にフォーカスを移動させた状態で「Ctrl+↑」でフォーカスがあたっている前文を読むことは可能だが、フォーカスがあたっている全文を読み上げることができないので、×
2.×:リンクを含めた1文を読み上げることができないので、×
2012年4月修正
PC-Talker XP 3.06 + NetReader 1.18 ■読み上げ(テキスト画面)
「ツーム・レイダー:レジェンド イメージを見る (デモ ダウンロード)」(Alt + F9)
1.△:デフォルトをグラフィック画面にしているが、テキスト画面のみ操作して読み上げることが可能
2.○:テキスト画面での読み上げのところからリンク先に遷移することは可能
2012年4月修正
FocusTalk V3 × 一つ目のリスト項目(ツーム・レイダー:レジェンド)にあるリンク「デモ ダウンロード」にフォーカスを移動させた状態で、↑キーを操作すると、「イメージを見る」と読み上げる。
Enterを押下すると、「イメージを見る」のリンク先に遷移する。
2012年4月修正
「リスト項目 全体の数分の現在の項目」を読み上げるときと読み上げないときがある。 Focus Talkが不安定なせいかもしれない。
NVDA 2010.1j - NVDA 2011.1 でのみ再検証実施
NVDA 2011.1 Tabキー(またはKキー)でフォーカスを[デモ ダウンロード]リンクへ移動させると、「デモ ダウンロード リンク」と読みあげる。
1. NVDAキー(テンキー0等)+上矢印キーを押すと、リンクを含む行、「ウェブアクセシビリティ基盤委員会の詳細はこちら。」を読み上げる
2. そのままの状態でEnterキーを押すと、ページが遷移する
2012年4月修正
Firefox18.0.1 - テスト不要
Google Chrome 25 テスト不要
Safari 6.0.5 テスト不要
NVDA 2012.3 ■操作手順
Tabキーを用いて「ツーム・レイダー:レジェンドリンクに移動し、NVDA+上矢印キー(アプリケーションカーソルのある現在行の通知)を実行すると「ツーム・レイダー:レジェンド イメージを見る (デモ ダウンロード)」と読み上げた。その状態でEnterキーを押すと、ページを遷移させることができた。
■音声読み上げ
ツーム・レイダー:レジェンド イメージを見る (デモ ダウンロード)
PC-Talker 7 2.12 × ■操作手順
Ctrl+上(下)矢印キー
■音声読み上げ
Ctrl+下矢印キー、またはTabキー
「デモ ダウンロード リンク」
Ctrl+上矢印キー
「イメージを見る リンク」
Ctrl+上矢印キー
「ツーム・レイダー:レジェンド リンク」
Enterキーを押下すると、「ツーム・レイダー:レジェンド」のリンクを起動
リスト項目全体を読み上げることはできない。Ctrl+上下矢印キーでリンクの前後を確認できるものの、同一リスト項目内に別のリンクがある場合、フォーカスも移動してしまうので:×
VoiceOver × ■操作手順
フォーカスの当たっている個所以外の情報を読み上げることができない。
■音声読み上げ
「デモ ダウンロード リンク」