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

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

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

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

テストファイル

G124-2のテストファイル

見解

要注意

対象

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

注意点

スクリーンリーダーの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を押すと同じ位置にフォーカスが戻る、他のリンク先で行うと、Tabを押したときは常に「メインコンテンツへスキップ」にフォーカスが当たる 1:○表示の状態のみOK
2:×
3:×
4:×
Internet Explorer 8.0 Tabで進めると「メインコンテンツへスキップ」は表示されるが、押下するとフォーカスは移動せずに消える。その後Tabを押すと同じ位置にフォーカスが戻る、
2.および3.他のリンク先で行うと、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を押すと「ホーム」「このサイトについて」
■読み上げ
「メインコンテンツへスキップ (すぐ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キーを押下したところリンク「このサイトについて」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツにあるリンク リンク
検索エディットオートコンプリート 空行
このサイトについて リンク」
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. スキップリンク「メインコンテンツへスキップ」にフォーカスがある状態でダブルタップところ、見出し「アクセシビリティを考える会」にフォーカスが移動した後、ページタイトル「G124 例2のサンプル」にフォーカスが移動。
2. スキップリンク「検索ボックスへスキップ」にフォーカスがある状態でダブルタップところ、見出し「検索」にフォーカスが移動した後、ページタイトル「G124 例2のサンプル」にフォーカスが移動。
3. スキップリンク「メインメニューへスキップ」にフォーカスがある状態でダブルタップところ「ホーム |」にフォーカスが移動した。
■音声読み上げ
「メインコンテンツへスキップ ページ内リンク」
「検索ボックスへスキップ ページ内リンク」
「ホーム 縦棒」
この実装方法は安定しています。