アクセシビリティ・サポーテッド(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キーを押下すると「メインコンテンツへスキップ」にフォーカスが移動する
3:×:「検索ボックスへスキップ」を押下した後次にTabキーを押下すると、「メインコンテンツへスキップ」にフォーカスが移動する
4:×:「メインメニューへスキップ」を押下した後、次に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.3つのステップリンクは常に表示されている。
2.「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとすぐ下のリンク(検索ボックスへスキップ)にいく。
3.「検索ボックスへスキップ」を押下した後、次にTabキーを押下するとすぐ下のリンク(メインメニューへスキップ)にいく。
4.「メインメニューへスキップ」を押下した後、次にTabキーを押下するとすぐ下の検索フィールドにいく。
1.OK
2~4スキップしないため、×。
Safari 5.0.3 1.3つのステップリンクは常に表示されている。
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.「メインコンテンツへスキップ」を押下時→「メインコンテンツをスキップ ページ内リンク ページに1個の見出しと7個のリンクがあります 見出しレベル1 アクセシビリティを考える会 これは リンク メインコンテンツにあるリンク です マル」
2.「検索ボックスへスキップ」を押下時→「検索ボックスをスキップ ページ内リンク ページに1個の見出しと7個のリンクがあります 検索 送信ボタン・・・(最後まで)」
3.「メインメニューへスキップ」を押下時→「メインメニューをスキップ ページ内リンク ページに1個の見出しと7個のリンクがあります ホーム タテセン リンク このサイトについて タテセン リンク お問い合わせ タテセン リンク サイトマップ ・・・(最後まで)」
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キーを押下したところリンク「このサイトについて」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツにあるリンク リンク
検索エディットオートコンプリート 空行
このサイトについて リンク」