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

G001-2: メインコンテンツエリアへ直接移動するリンクを各ページの先頭に追加する

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

7.2.4.1ブロックスキップに関する達成基準 (等級A)

テストファイル

G001-2のテストファイル

見解

要注意

対象

複数のウェブページ上で繰り返されているコンテンツのブロック

注意点

G1だけでは、スクリーンリーダーのPC-Talkerがサポートしていない(PC-Talkerはシェアが高く、利用者も多い)。また、キーボード操作利用者の場合は、FirefoxとSafariはサポートしているが、IE6, IE7によるサポートが不十分。だが、IE8ならばキャレットブラウジングでキーボード操作していれば、メインコンテンツへ移動できる。
また、H69だけでは、どのブラウザでもキーボード操作利用者がメインコンテンツへ直接移動できない(Operaは設定を変更することでシングルショートカットキーが使える)。また、スクリーンリーダーではPC-Talkerがサポートしていなかったが、PC-Talker 7ではサポートしている。

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

G1とH69を併用しないかぎり、スクリーンリーダーの利用者とキーボード操作利用者(マウス操作できない利用者)の双方にメインコンテンツの開始位置へ移動するメカニズムを提供できない。

備考

キーボードだけで操作する場合は、スキップリンクにフォーカスをあててEnterキーを押すと、メインコンテンツ開始位置に移動する。そして、矢印キーでその後のコンテンツへ移動したり、Tabキーでメインコンテンツ内でフォーカスを受け取れる最初の要素へフォーカスを移動したりできる。ただし、IE6とIE7ではTabキーを押すと、フォーカスはスキップリンクに戻ってしまうが、IE8ではキャレットブラウズ・モードにすることで移動できるようになる。
メインコンテンツの開始位置が<h1>でマークアップされていれば、スクリーンリーダーの利用者はHキーや1キーで直接移動できる(ただし、使用するキーは製品により異なる)

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1.「メインコンテンツへスキップ」は画面に表示されていない
2.「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示される
3.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスがあたる
Internet Explorer 7.0 Tab移動するとリンクの「メインコンテンツへスキップ」は表示されるが、そこで押下するとフォーカスが消えて、Tabを押すと再びフォーカスが戻る。
Internet Explorer 8.0 1.「メインコンテンツへスキップ」が画面に表示されていない。
2.「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示される
3.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると再び「メインコンテンツへスキップ」にフォーカスが現れた。
1:○
2:○
3:×
Internet Explorer 9 1:「メインコンテンツへスキップ」が画面に表示されていないことを確認
2:「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示されることを確認
3:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
1:○
2:○
3:×:「メインコンテンツへスキップ」を押下したあと、「PCサーバ「PRIMERGY」」にフォーカスが移動しない
Firefox 3.5 1.「メインコンテンツへスキップ」が画面に表示されていない。
2.「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示される
3.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動した。
Firefox 4.0 1:「メインコンテンツへスキップ」が画面に表示されていないことを確認
2:「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示されることを確認
3:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
1:○
2:○
3:○
Firefox 9.0 1:「メインコンテンツへスキップ」が画面に表示されていないことを確認
2:「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示されることを確認
3:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
1:○
2:○
3:○
Safari 3.2 1.リンク「メインコンテンツへスキップ」が画面に表示されていない。
2.「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示される。
3.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動する。
すべてOK.
(MacではOption+TabをTabとする。)
Safari 5.0.3
JAWS for Windows 9.0 ■操作手順
1.「メインコンテンツへスキップ」でリンクを押下すると、「プレスリリース」から自動的に読み上げ始めた。(Ins+↓でも「プレスリリース」から読み上げ始めた)
2.「メインコンテンツへスキップ」でリンクを押下し、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
■音声読み上げ
1.「メインコンテンツへスキップ」でリンクを押下時→「エンター メインコンテンツへスキップ ページ内リンク」
ホームページ・リーダー 3.04 ■操作手順
1.「メインコンテンツへスキップ」で押下すると、「プレスリリース」から読み上げる
2.その後にTabを押すと「PCサーバPRIMERGY」のリンクを読み上げる
■音声読み上げ
「メインコンテンツへスキップ プレスリリース」
「PCサーバ「PRIMERGY」」
PC-Talker XP 3.06 × ■操作手順
1.「メイにフォーカスを移動させてリンクを押下した後、全文読み上げを開始すると「メインコンテンツへスキップ」から読み始める。
2.「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下する「メインコンテンツへスキップ」に移動する。
■音声読み上げ
「メインコンテンツへスキップ メインコンテンツへスキップ  富士通 プレスリリース・・・」
「メインコンテンツへスキップ G1例1のサンプル(タイトル部分)・・・」
1.スキップリンクを押下したあと、「プレスリリース」から読み上げないので、×。
2.スキップコンテンツのリンクを押下したあと、tabキーを押下しても、ニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動しないので、×。
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「メインコンテンツへスキップ 富士通 プレスリリース・・・」
FocusTalk V3 ■操作手順
1.「メインコンテンツへスキップ」でEnterを押下し、右矢印キーを押下すると、「プレスリリース」から読み上げる
2.その後にTabを押すと「PCサーバPRIMERGY」のリンクを読み上げる
■音声読み上げ
「メインコンテンツへスキップ プレスリリース」
「PCサーバ「PRIMERGY」」
右矢印キーを押下、またはtabを押下した後の動作は、テスト方法通りであるが、スキップリンクでEnterを押下した後に、「罫線」の不要なものを読み上げる。
NVDA 2010.1j ■操作手順
1. Kキーを用いてリンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、NVDA+下矢印キーで全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
2. Kキーを用いてリンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「見出しレベル1 プレスリリース
PCサーバ「PRIMERGY」 リンク」
NVDA 2011.1 ■操作手順
1. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
2. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「見出しレベル1 プレスリリース
PCサーバ「PRIMERGY」 リンク」