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

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

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

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

テストファイル

G124-1のテストファイル

見解

要注意

対象

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

注意点

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

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

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

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 △ 1.「メインコンテンツへスキップ」「検索ボックスへスキップ」「メインメニューへスキップ」が常に表示されている 2.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが残ったままになる
3.「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」ドにフォーカスがあたる
4.「メインメニューへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」ドにフォーカスがあたる
Internet Explorer 7.0 △ 「メインコンテンツへスキップ」を押下するとフォーカスは移動せずに消える。その後Tabを押すと同じ位置にフォーカスが戻る、他のリンク先で行うと、Tabを押したときは常に「メインコンテンツへスキップ」にフォーカスが当たる 1：○表示の状態のみOK
2：×
3：×
4：×
Internet Explorer 8.0 △ 2.「メインコンテンツへスキップ」を押下するとフォーカスは移動せずに消える。その後Tabを押すと同じ位置にフォーカスが戻る、
3.及び4.他のリンク先で行うと、Tabを押したときは常に「メインコンテンツへスキップ」にフォーカスが当たる		 1：○表示の状態のみOK
2：×
3：×
4：×
Internet Explorer 9 △ 1:3つのスキップリンクは常に表示されていることを確認
2:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動することを確認
3:「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動することを確認
4:「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動することを確認		 1:○
2:×：「メインコンテンツへスキップ」を押下した後、次に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キーを押下するとリンク「このサイトについて」にフォーカスが移動することを確認
Firefox 9.0 ○ 1:3つのスキップリンクは常に表示されていることを確認
2:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動することを確認
3:「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動することを確認
4:「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動することを確認		 1:○
2:○
3:○
4:○
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を押すと「ホーム」「このサイトについて」へと流れていく
■音声読み上げ
「メインコンテンツへスキップ　アクセシビリティを考える会　これはメインコンテンツにあるリンクです　ページの終わり」
「検索ボックスへスキップ　フォーム1の先頭　検索　テキスト　送信」
「メインメニューへスキップ　ホーム　このサイトについて」
PC-Talker XP 3.06 × ■操作手順
1.スキップリンク「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する。
2.「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する。
3.「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する。
■音声読み上げ
「メインコンテンツへスキップリンク　G124：ページの先頭に・・（タイトル部分）（tabをおすと）　メインコンテンツへスキップリンク　検索ボックスへスキップ・・」
「メインコンテンツへスキップ　G124：ページの先頭に・・（タイトル部分）（tabをおすと）　　検索ボックスへスキップ」
「メインメニューへスキップ　G124：ページの先頭に・・（タイトル部分）　（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キーを押下したところリンク「このサイトについて」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツにあるリンク　リンク
検索エディットオートコンプリート　空行
このサイトについて　リンク」