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

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

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

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

テストファイル

G124-1のテストファイル

見解

要注意

対象

常に表示されているスキップリンク

注意点

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

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

スクリーンリーダーの利用者にもメインコンテンツの開始位置へ移動するメカニズムを提供するために、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キーを押下したところリンク「このサイトについて」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツにあるリンク リンク
検索エディットオートコンプリート 空行
このサイトについて リンク」
Firefox18.0.1 1:3つのスキップリンクは常に表示されていることを確認
2:「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動することを確認
3:「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動することを確認
4:「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動することを確認
Google Chrome 25 【1】3つのスキップリンク「メインコンテンツへスキップ」「検索ボックスへスキップ」「メインメニューへスキップ」が常に表示されているかを確認する。
【2】「メインコンテンツへスキップ」を押下した後、次にTabキーを押下するとリンク「メインコンテンツにあるリンク」にフォーカスが移動するかを確認する。
【3】「検索ボックスへスキップ」を押下した後、次にTabキーを押下すると検索のテキストフィールドにフォーカスが移動するかを確認する。
【4】「メインメニューへスキップ」を押下した後、次にTabキーを押下するとリンク「このサイトについて」にフォーカスが移動するかを確認する。
【1】○
3つのスキップリンクは常に表示されていることを確認した。
【2】×
「メインコンテンツへスキップ」を押下した後、次にTabキーを押下すると「検索ボックスへスキップ」にフォーカスが移動する。
【3】×
「検索ボックスへスキップ」を押下した後次にTabキーを押下すると、「メインコンテンツへスキップ」にフォーカスが移動する。
【4】×:「メインメニューへスキップ」を押下した後、次にTabキーを押下するとテキストフィールドにフォーカスが移動する。
Safari 6.0.5 × 「メインコンテンツへスキップ」をリターンキーで押し下げてTabキーで移動した先は「検索ボックスへスキップ」
「検索ボックスへスキップ」をリターンキーで押し下げてTabキーで移動した先は「メインメニューへスキップ」
「メインメニューへスキップ」をリターンキーで押し下げてTabキーで移動した先は検索のテキストフィールド
NVDA 2012.3 ■操作手順
1. スキップリンク「メインコンテンツへスキップ」を押下した後、次にTabキーを押下したところリンク「メインコンテンツにあるリンク」にフォーカスが移動した。
2. スキップリンク「検索ボックスへスキップ」を押下した後、次にTabキーを押下したところ検索のテキストフィールドにフォーカスが移動した。
3. スキップリンク「メインメニューへスキップ」を押下した後、次にTabキーを押下したところリンク「このサイトについて」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツにあるリンク リンク
検索エディットオートコンプリート 空行
このサイトについて リンク」
PC-Talker 7 2.12 ■操作手順
1.スキップリンク「メインコンテンツへスキップ」を押下した後、Ctrl+下矢印キーまたはTabキーを押下。
2.「検索ボックスへスキップ」を押下した後、Ctrl+下矢印キーまたはTabキーを押下
3.「検索ボックスへスキップ」を押下した後、Ctrl+下矢印キーまたはTabキーを押下
■音声読み上げ(Ctrl+下矢印キーの場合:○)
1. 「メインコンテンツへスキップ」
Enterキー
「アクセシビリティを考える会」
Ctrl+下矢印キー
「これは・・・」
2.「検索ボックスへスキップ」
Enterキー
「検索」
Ctrl+下矢印キー
「検索 のエディット 文字入力」
3.「メインメニューへスキップ」
Enterキー
「ホーム たてぼう」
Ctrl+下矢印キー
「このサイトについて リンク」
■音声読み上げ(Tabキーの場合:×)
1. 「メインコンテンツへスキップ」
Enterキー
「アクセシビリティを考える会」
Tabキー
「メインコンテンツへスキップ」
2.「検索ボックスへスキップ」
Enterキー
「検索」
Tabキー
「メインコンテンツへスキップ」
3.「メインメニューへスキップ」
Enterキー
「ホーム たてぼう」
Tabキー
「メインコンテンツへスキップ」
VoiceOver × ■操作手順
1. スキップリンク「メインコンテンツへスキップ」にフォーカスがある状態でダブルタップところ、見出し「アクセシビリティを考える会」にフォーカスが移動した後、「メインコンテンツへスキップ」にフォーカスが戻る。
2. スキップリンク「検索ボックスへスキップ」にフォーカスがある状態でダブルタップところ、見出し「検索」にフォーカスが移動した後、「検索ボックスへスキップ」にフォーカスが戻る。
3. スキップリンク「メインメニューへスキップ」にフォーカスがある状態でダブルタップところ「ホーム |」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツへスキップ ページ内リンク」
「検索ボックスへスキップ ページ内リンク」
「ホーム 縦棒」
スキップリンクの挙動は安定しません。
一回目はページ外にフォーカスが飛ぶことがしばしばあります。(ページタイトルやユーティリティボタンなど)
二回目以降は無限ループになる可能性が高いです。