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

G123-4a繰り返しているコンテンツのブロックの開始位置に、そのブロックの終了位置へのリンクを追加する

見解

要注意

対象

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

注意点

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

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

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

テスト結果の詳細

ユーザエージェント 検証結果 操作手順 備考
Internet Explorer 6.0 1,「メインコンテンツへスキップ」、「メイン ナビゲーションをスキップ」、「サブ ナビゲーションをスキップ」、「ウルトラ サブ ナビゲーションをスキップ」が常に表示されている 2.「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「メインコンテンツへスキップ」にフォーカスがあたる
3.「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスがあたる
4.「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスがあたる
Internet Explorer 7.0 「メインナビゲーションをスキップ」を押下するとテキストの色が変わるが、フォーカスが消える。その後Tabを押すと同じ位置にフォーカスが戻る、他のリンク先も同様で2,3,4は×となる。 1:○表示の状態のみOK
2:×
3:×
4:×
Internet Explorer 8.0 「メインナビゲーションをスキップ」を押下するとテキストの色が変わるが、フォーカスが消える。その後Tabを押すと同じ位置にフォーカスが戻る、他のリンク先も同様で2,3,4は×となる。 1:○表示の状態のみOK
2:×
3:×
4:×
Internet Explorer 9 1:4つのスキップリンクは常に表示されることを確認
2:「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動することを確認
3::「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動することを確認
4::「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動することを確認
1:○ 4つのリンクが表示されている
2:× :「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「メインコンテンツへスキップ」に移動する
3:× :「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブナビゲーション」に移動
4:× :「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ  サブナビゲーション」に移動
Firefox 3.5 1.4つのスキップリンクは常に表示されている。
2.キーボード操作 1:「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動した。
3.キーボード操作 2:「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動した。
4.キーボード操作 3:「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動した。
Firefox 4.0 1:4つのスキップリンクは常に表示されることを確認
2:「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動することを確認
3::「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動することを確認
4::「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動することを確認
Safari 3.2 1.4つのステップリンクが表示されている。
2.「メインナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。
3.「サブナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。
4.「ウルトラナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。
1.OK
2~4 スキップしなかったので、×。
(MacではOption+TabをTabとする。)
Safari 5.0.3 1.4つのステップリンクが表示されている。
2.「メインナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。
3.「サブナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。
4.「ウルトラナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。
1: ○
2~4:×
(MacではOption+TabをTabとする。)
JAWS for Windows 9.0 × ■操作手順
1.「メイン ナビゲーションをスキップ」を押下した後、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
2.「サブ ナビゲーションをスキップ」を押下した後、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
3.「ウルトラ サブ ナビゲーションをスキップ」を押下した後、スキップ先の読み上げが始まる前と後にそれぞれTabキーを押して確認した。
■音声読み上げ
1.「メイン ナビゲーションをスキップ」を押下時→「メインナビゲーションをスキップ ページ内リンク ページに5個の見出しと16個のリンクがあります 見出しレベル2 サブナビゲーション ページ内リンク サブナビゲーションをスキップ・・・(最後まで)」
2.「サブ ナビゲーションをスキップ」を押下時→「サブナビゲーションをスキップ ページ内リンク ページに5個の見出しと16個のリンクがあります 見出しレベル2 ウルトラサブナビゲーション ページ内リンク ウルトラサブナビゲーションをスキップ・・・(最後まで)」
3.「サブ ナビゲーションをスキップ」を押下時→「ウルトラサブナビゲーション ウルトラサブナビゲーションをスキップ ページ内リンク ナカテン リンクA ナカテン リンクB・・・(最後まで)」
1.「メイン ナビゲーションをスキップ」を押下した後、スキップ先の「サブナビゲーション」からの読み上げが始まる。読み上げが始まる前にタブを押すと「メインコンテンンツへスキップ」にフォーカスがあたり、読み上げが始まった後タブを押すと、読み上げ先にフォーカスがあたる。
2.3も同様である。
ホームページ・リーダー 3.04 ■操作手順
各スキップリンクにフォーカスを移動させて、Enterキー押下
■音声読み上げ
「メインナビゲーションをスキップ、サブナビゲーション、リンクA」
「サブナビゲーションをスキップ、ウルトラサブナビゲーション、リンクA」
PC-Talker XP 3.06 × ■操作手順
1.「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「メインコンテンツへスキップ」にフォーカスが移動する。
2.「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと.「サブ ナビゲーションをスキップ」にフォーカスが戻る。
3.「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと.「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが戻る。
■音声読み上げ
「メイン ナビゲーションをスキップ メインコンテンツへスキップメイン ナビゲーションをスキップ リンクA・・・」
「サブ ナビゲーションをスキップ サブ ナビゲーションをスキップ リンクA ・・・」
「ウルトラ サブ ナビゲーションをスキップ ウルトラ サブ ナビゲーションをスキップ リンクA」
1.サブナビゲーションへフォーカスが移動しないため、×。
2.「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動しないため、×。
3.「アクセシビリティ」にフォーカスが移動しないため、×。
PC-Talker XP 3.06 + NetReader 1.18 ■操作手順
「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動する。
「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動する。
「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動する。
■音声読み上げ
「メインコンテンツへスキップ メイン ナビゲーション メイン ナビゲーションをスキップ リンク A・・・」
それぞれクリックした後にフォーカス移動した箇所で読み上げは一度止まるが、tabキーを使用することで目的の場所へフォーカスが移るため、○とした。
FocusTalk V3 ■操作手順
1.「メインナビゲーションをスキップ」でEnterを押すと「リンク C」と読み上げる。Tabを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動してゆく
2.「サブ ナビゲーションをスキップ」でEnterを押すと読み上げが停止する。Tabを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動してゆく
3.「ウルトラサブナビゲーションをスキップ」でEnterを押すと読み上げが停止する。Tabを押すと「アクセシビリティ」にフォーカスが移動してゆく
■音声読み上げ
「メインナビゲーションをスキップ、サブナビゲーション (tab)リンクA」
「サブナビゲーションをスキップ、ウルトラサブナビゲーション、リンクA」
1:△
tabを押下した後の動作は、テスト方法通りであるが、スキップリンクでEnterを押下した後に、一つ手前の「リンクC」と不要なものを読み上げる。
リンクを押下(Enter)した後、読み上げを待たずにTabを押して検証すると正当な動きはする
2:○
3:○
NVDA 2010.1j ■操作手順
1. 「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動した。
2. 「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動した。
3. 「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動した。
■音声読み上げ
「サブ ナビゲーションをスキップ
ウルトラ サブ ナビゲーションをスキップ
アクセシビリティ」
NVDA 2011.1 ■操作手順
1. 「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動した。
2. 「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動した。
3. 「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動した。
■音声読み上げ
「サブ ナビゲーションをスキップ
ウルトラ サブ ナビゲーションをスキップ
アクセシビリティ」