アクセシビリティ・サポーテッド（AS）情報：G124-2

G124-2ページの先頭に、コンテンツの各エリアへのリンクを追加する

見解

要注意

対象

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

注意点

過度なスキップリンクの使用は、逆にアクセシビリティやユーザビリティを損なう恐れがあるので避けたほうがよい。

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

達成基準7.2.4.1を満たすためにスキップできるメカニズムを提供するのであれば、G1とH69を併用することを推奨する。

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 △ 1.「メインコンテンツへスキップ」「検索ボックスへスキップ」「メインメニューへスキップ」が、常には表示されておらず、フォーカスを移動させた際のみ表示される 2.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが残ったままになる
3.「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」ドにフォーカスがあたる
4.「メインメニューへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」ドにフォーカスがあたる
Internet Explorer 7.0 △ Tabで進めると「メインコンテンツへスキップ」は表示されるが、押下するとフォーカスは移動せずに消える。その後Tabを押すと同じ位置にフォーカスが戻る、他のリンク先で行うと、Tabを押したときは常に「メインコンテンツへスキップ」にフォーカスが当たる 1：○表示の状態のみOK
2：×
3：×
4：×
Internet Explorer 8.0 △ Tabで進めると「メインコンテンツへスキップ」は表示されるが、押下するとフォーカスは移動せずに消える。その後Tabを押すと同じ位置にフォーカスが戻る、
2.および3.他のリンク先で行うと、Tabを押したときは常に「メインコンテンツへスキップ」にフォーカスが当たる		 1：○表示の状態のみOK
2：×
3：×
4：×
Internet Explorer 9 △ １:表示：3つのスキップリンク「メインコンテンツへスキップ」「検索ボックスへスキップ」「メインメニューへスキップ」は常に表示されておらず、フォーカスが当たった時だけ表示されることを確認
2:スキップリンク「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動することを確認
３:「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動するかを確認
４:「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動するかを確認		 1:○
２:×：「メインコンテンツへスキップ」を押下した後にTabキーを押すと、「メインコンテンツへスキップ」にフォーカスが移動する
３:×：「検索ボックスへスキップ」を押下したあと、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する
４:×：「メインメニューへのスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する
Firefox 3.5 ○ 1.3つのスキップリンクはフォーカス移動した時だけ表示される。
2.：「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動した。
3.「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動した。
4.「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動した。		 メインメニューはナビゲーションバーのこと？
Firefox 4.0 ○ 1:3つのスキップリンクは常に表示されておらず、フォーカスを移動させた際のみ表示されることを確認
2:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動することを確認
3:「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動することを確認
4:「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動することを確認
Safari 3.2 △ 1.３つのステップリンクは常に表示されていない。
2.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとすぐ下のリンク（検索ボックスへスキップ）にいく。
3.「検索ボックスへスキップ」を押下した後、次にTabキーを押下するとすぐ下のリンク（ナビゲーションバーへスキップ）にいく。
4.「メインメニューへスキップ」（ナビゲーションバーの間違い？）を押下した後、次にTabキーを押下すると検索フィールドにいく。		 1はOK.
2～4はスキップしないため、×。
Safari 5.0.3 △ 1.３つのステップリンクは常に表示されていない。
2.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとすぐ下のリンク（検索ボックスへスキップ）にいく。
3.「検索ボックスへスキップ」を押下した後、次にTabキーを押下するとすぐ下のリンク（メインメニューへスキップ）にいく。
4.「メインメニューへスキップ」を押下した後、次にTabキーを押下すると検索フィールドにいく。		 1: ○
2～4: ×
（MacではOption+TabをTabとする。）
JAWS for Windows 9.0 ○ ■操作手順
1.「メインコンテンツへスキップ」を押下した後、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
2.「検索ボックスへスキップ」を押下した後、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
3.「メインメニューへスキップ」を押下した後、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
■音声読み上げ
1.「メインコンテンツへスキップ」を押下時→「メインコンテンツをスキップ　ページ内リンク　ページに１個の見出しと７個のリンクがあります　見出しレベル１　アクセシビリティを考える会　これは　リンク　メインコンテンツにあるリンク　です　マル」
2.「検索ボックスへスキップ」を押下時→「検索ボックスをスキップ　ページ内リンク　ページに１個の見出しと７個のリンクがあります　検索　送信ボタン・・・（最後まで）」
3.「メインメニューへスキップ」を押下時→「メインメニューをスキップ　ページ内リンク　ページに１個の見出しと７個のリンクがあります　ホーム　タテセン　リンク　このサイトについて　タテセン　リンク　お問い合わせ　タテセン　リンク　サイトマップ　・・・（最後まで）」		 1.「メインコンテンツへスキップ」を押下した後、スキップ先の読み上げが始まる。読み上げが始まる前にタブを押すと「メインコンテンツへスキップ」にフォーカスがあたり、読み上げが始まった後タブを押すと、読み上げ先にフォーカスがあたる。
2.3も同様である。
ホームページ・リーダー 3.04 ○ ■操作手順
1.「メインコンテンツへスキップ」でEnterを押すと「アクセシビリティを考える会」「これはメインコンテンツにあるリンクです」「ページの終わり」と読み上げる
2.「検索ボックスへスキップ」でEnterを押すと「フォーム1の先頭」「検索」「テキスト」と読み上げ、そのまま先の「送信」へと流れてゆく
3.「ナビゲーションバーへスキップ」でEnterを押すと「ホーム」「このサイトについて」
■読み上げ
「メインコンテンツへスキップ　（すぐtab）メインコンテンツにあるリンク」
「検索ボックスへスキップ　（すぐtab）検索テキスト」
「ナビゲーションバーへスキップ　（すぐtab）このサイトについて」
PC-Talker XP 3.06 × ■操作手順
1.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する。
2.「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する。
3.「メインメニューへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する。（ナビゲーションバー？）
■音声読み上げ
「メインコンテンツへスキップリンク　G124：ページの先頭に・・（タイトル部分）（tabをおすと）　メインコンテンツへスキップリンク　検索ボックスへスキップ・・」
「メインコンテンツへスキップ　G124：ページの先頭に・・（タイトル部分）（tabをおすと）　　検索ボックスへスキップ」
「ナビゲーションバーへスキップ　　（tabをおすと）　メインコンテンツへスキップ」		 1.「メインコンテンツにあるリンク」にフォーカスが移動しないため、×。
2.検索のテキストフィールドにフォーカスが移動しないため、×。
3.「このサイトについて」にフォーカスが移動しないため、×。
PC-Talker XP 3.06 + NetReader 1.18 ○ ■操作手順
スキップリンク「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動する。
スキップリンク「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動するか。
スキップリンク「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動するか。
■音声読み上げ
「メインコンテンツへスキップ　（エンターキー）　アクセシビリティを考える会　ア　（tabキー）　メインコンテンツにあるリンク」
「検索ボックスへスキップ　（エンターキー）　検索　検査するの検　（tabキー）　検索　文字入力　エンター　で　入力」
「メインメニューへスキップ　（エンターキー）　ホーム　ホ　（tabキー）　このサイトについて」
FocusTalk V3 ○ ■操作手順
1.「メインコンテンツへスキップ」でEnterを押すと「サイトマップ」と読み上げる。Tabを押すと、「メインコンテンツにあるリンク」と読み上げる。
2.「検索ボックスへスキップ」でEnterを押すと「メインメニューへスキップ」と読み上げる。Tabを押すと、「検索のエディット」と読み上げる。
3.「ナビゲーションバーへスキップ」でEnterを押すと「送信のボタン」と読み上げる。Tabを押すと、「このサイトについて」と読み上げる。
■読み上げ
「メインコンテンツへスキップ（enter）サイトマップ（すぐtab）メインコンテンツにあるリンク」
「検索ボックスへスキップ（enter）メインメニューへスキップ（すぐtab）検索のエディット」
「ナビゲーションバーへスキップ（enter）送信のボタン（すぐtab）このサイトについて」		 1：○
2：○
3：○
tabを押下した後の動作は、テスト方法通りであるが、スキップリンクでEnterを押下した後に、送信ボタン等の不要なものを読み上げる。
リンクを押下（Enter）した後、読み上げを待たずにTabを押して検証すると正当な動きはする
NVDA 2010.1j ○ ■操作手順
1. スキップリンク「メインコンテンツへスキップ」を押下した後、次にTabキーを押下したところリンク「メインコンテンツにあるリンク」にフォーカスが移動した。
2. スキップリンク「検索ボックスへスキップ」を押下した後、次にTabキーを押下したところ検索のテキストフィールドにフォーカスが移動した。
3. スキップリンク「メインメニューへスキップ」を押下した後、次にTabキーを押下したところリンク「このサイトについて」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツにあるリンク　リンク
検索エディットオートコンプリート付き　空行
このサイトについて　リンク」
NVDA 2011.1 ○ ■操作手順
1. スキップリンク「メインコンテンツへスキップ」を押下した後、次にTabキーを押下したところリンク「メインコンテンツにあるリンク」にフォーカスが移動した。
2. スキップリンク「検索ボックスへスキップ」を押下した後、次にTabキーを押下したところ検索のテキストフィールドにフォーカスが移動した。
3. スキップリンク「メインメニューへスキップ」を押下した後、次にTabキーを押下したところリンク「このサイトについて」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツにあるリンク　リンク
検索エディットオートコンプリート　空行
このサイトについて　リンク」