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

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

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

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

テストファイル

G1-2のテストファイル

見解

要注意

対象

フォーカスがあたると表示されるスキップリンク

注意点

スクリーンリーダーのPC-Talkerがサポートしておらず、VoiceOverでもうまく動作しない。FirefoxとSafariはサポートしているが、IE6, IE7によるサポートが不十分。なお、IE8ならばキャレットブラウジングでキーボード操作していれば、メインコンテンツへ移動できる。

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

スクリーンリーダーの利用者にもメインコンテンツの開始位置へ移動するメカニズムを提供するために、H69の使用を推奨する。

備考

この実装方法は、主にビジュアルブラウザをキーボードで操作するユーザーを対象としたものである。しかし、当委員会で確認した範囲では、G1の実装に依存するユーザーは確認できなかった。
キーボードだけで操作する場合は、スキップリンクにフォーカスをあててEnterキーを押すと、メインコンテンツ開始位置に移動する。そして、矢印キーでその後のコンテンツへ移動したり、Tabキーでメインコンテンツ内でフォーカスを受け取れる最初の要素へフォーカスを移動したりできる。ただし、IE6とIE7ではTabキーを押すと、フォーカスはスキップリンクに戻ってしまう (IE8やIE9ではキャレットブラウズ・モードにすることで移動できるようになる)。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
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」 リンク」
Firefox18.0.1 1:「メインコンテンツへスキップ」が画面に表示されていないことを確認
2:「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示されることを確認
3:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認
Google Chrome 25 【1】リンク「メインコンテンツへスキップ」が画面に表示されていないかを確認する。
【2】リンク「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示されるかを確認する。
【3】リンク「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動するかを確認する。
【1】○
「メインコンテンツへスキップ」が画面に表示されていないことを確認した。
【2】○
「メインコンテンツへスキップ」にフォーカスを移動させるとリンクが表示されることを確認した。
【3】○
「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「PCサーバ「PRIMERGY」」にフォーカスが移動することを確認した。
Safari 6.0.5
NVDA 2012.3 ■操作手順
1. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後全文読み上げを開始すると「プレスリリース」から読み上げ始めた。
2. リンク「メインコンテンツへスキップ」にフォーカスを移動させてリンクを押下した後、次にTabキーを押下するとニュース本文にあるリンク「PCサーバ「PRIMERGY」」にフォーカスが移動して読み上げられた。
■音声読み上げ
「見出しレベル1 プレスリリース
PCサーバ「PRIMERGY」 リンク」
PC-Talker 7 2.12 ■操作手順
1.「メインコンテンツへスキップ」にフォーカスを移動させてEnterキーを押下。Shiftキー押下で全文読み上げを開始すると、「プレスリリース」から読み始める。
2.「メインコンテンツへスキップ」にフォーカスを移動させてEnterキーを押下。Tabキーを押下すると「メインコンテンツへスキップ」にフォーカスがあたる。
■音声読み上げ
1.の場合:
フォーカス移動
「メインコンテンツへスキップ」
Enterキー押下
「プレスリリース」
Shiftキー押下
「プレスリリース PCサーバ「PRIMERGY」の・・・」
2.の場合:
「メインコンテンツへスキップ」
Enterキー押下
「プレスリリース」
Tabキー押下
「メインコンテンツへスキップ」
1.スキップリンクを押下した後、メインコンテンツ開始位置から読み上げるので ○。
2.スキップリンクを押下した後、Tabキーを押下すると、またスキップリンクにフォーカスがあたるので ×。
VoiceOver × ■操作手順
1. リンク「メインコンテンツへスキップ」にフォーカスを移動させてダブルタップすると「プレスリリース」にフォーカスは移動するが、その直後に「メインコンテンツにスキップ」に戻ってしまう。
2. リンク「メインコンテンツへスキップ」にフォーカスを移動させてダブルタップした直後に2本指フリックすると順に読み上げられた。
■音声読み上げ
「プレスリリース 見出しレベル1
PCサーバ「PRIMERGY」のラインナップを強化」