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

G53: リンクテキストとそれが含まれている文章中のテキストとを組み合わせて、リンクの目的を特定する

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

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

テストファイル

G53のテストファイル

見解

達成可能

対象

文中のリンク

注意点

WCAG 2.0解説書に「利用者があるリンクにやってきて、その位置にいたままで、リンクに関するより多くの情報を探し出すことができる必要がある。」とあるが、HPRやFocusTalkではフォーカスが移動してしまう。
しかし、行読みモード(矢印キー等)で前後に移動すれば文脈をたどることができるため、実用上の問題はほとんどないと考えることができる。

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

できるかぎり、等級AAAの「リンクテキストだけ」でリンクの目的が分かるようにするとよい。それができない場合に等級Aの「プログラムが解釈可能なリンクの文脈」として、リンクが含まれる文を用いる。

備考

PC-Talker7では、Ctrl+上または下矢印キーで仮想カーソルを前後に移動させてもフォーカスは移動しない。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
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.1でのみ再検証実施
Safari 5.0.3 - テスト不要
JAWS for Windows 9.0 ■読み上げ
「ウェブアクセシビリティ基盤委員会の詳細は、リンクここをクリック。」
1.alt + 5キー で全文を読み上げた
2.読み上げたあと、Enterを押下すると、リンク先に遷移する。
2012年4月修正
ホームページ・リーダー 3.04 1.リンク「ここをクリック」にフォーカスを移動させた状態で、何らかのキー操作により、リンクが含まれている文「ウェブアクセシビリティ基盤委員会の詳細は、ここをクリック。」を読み上げることができるかを確認
2.読み上げることができた場合、そのままの状態でEnterキーを押すとリンク先に遷移するかを確認((フォーカスがリンクから移動していないことを確認する)
2012年4月修正
■読み上げ
「ここをクリック」
1.○:Ctrl + ←で「ウェブアクセシビリティ基盤委員会の詳細は、こちら」と読み上げる
2.×:読みあげたあと、そのままの状態でEnterを押すとリンク先に遷移するが、フォーカスがリンクから移動してしまうため、×。
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キーを押下してもリンク先に遷移しない。
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キー(またはKキー)でフォーカスを[ここをクリック]リンクへ移動させ、NVDAキー(テンキー0等)+上矢印キーを押すと、リンクを含む行「ウェブアクセシビリティ基盤委員会の詳細は、ここをクリック。」と読み上げた。
■音声読み上げ
「ウェブアクセシビリティ基盤委員会の詳細は、ここをクリック。」
PC-Talker 7 2.12 ■操作手順
リンクにフォーカス後、Ctrl+上矢印キー
■音声読み上げ
Ctrl+下矢印キー、またはTabキー
「ここをクリック」
Ctrl+上矢印キー
「ウェブアクセシビリティ基盤委員会の詳細は、」
1.○:「ここをクリック」にフォーカスを移動させた状態で、Ctrl+上矢印キーで直前部分、Ctrl+下矢印キーで直後部分を読むことは可能(フォーカスは、リンクに残ったまま)
2.×:リンクを含んでいる一文を読み上げるキー操作がないため、×
VoiceOver ■操作手順
タップしてフォーカスを[ここをクリック]リンクへ移動させ、1本指上向きフリック、または左フリックで「ウェブアクセシビリティ基盤委員会の詳細は」と読み上げる。
その状態でローターを「行」にして、1本指フリックすると、「ウェブアクセシビリティ基盤委員会の詳細は、ここをクリック。」と読み上げる。
■音声読み上げ
「ウェブアクセシビリティ基盤委員会の詳細は、ここをクリック。」