要注意
複数のウェブページ上で繰り返されているコンテンツのブロック
過度なスキップリンクの使用は、逆にアクセシビリティやユーザビリティを損なう恐れがあるので避けたほうがよい。
達成基準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:○ ４つのリンクが表示されている 2:× ：「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「メインコンテンツへスキップ」に移動する ３:× ：「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブナビゲーション」に移動 4:× ：「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブナビゲーション」に移動 |
| Firefox 3.5 | ○ | 1.４つのスキップリンクは常に表示されている。 2.キーボード操作 1：「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動した。 3.キーボード操作 2：「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動した。 4.キーボード操作 3：「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動した。 |
|
| Firefox 4.0 | ○ | 1:4つのスキップリンクは常に表示されることを確認 2:「メイン ナビゲーションをスキップ」を押下した後、Tabキーを押すと「サブ ナビゲーションをスキップ」にフォーカスが移動することを確認 3:：「サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すと「ウルトラ サブ ナビゲーションをスキップ」にフォーカスが移動することを確認 4:：「ウルトラ サブ ナビゲーションをスキップ」を押下した後、Tabキーを押すとリンク「アクセシビリティ」にフォーカスが移動することを確認 |
|
| Safari 3.2 | △ | 1.４つのステップリンクが表示されている。 2.「メインナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。 3.「サブナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。 4.「ウルトラナビゲーションをスキップ」を押下してからtabで移動するとその下の「リンクA」にフォーカスが移動する。 |
1.OK 2～4 スキップしなかったので、×。 （MacではOption+TabをTabとする。） |
| Safari 5.0.3 | △ | 1.４つのステップリンクが表示されている。 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.「メイン ナビゲーションをスキップ」を押下時→「メインナビゲーションをスキップ ページ内リンク ページに５個の見出しと１６個のリンクがあります 見出しレベル２ サブナビゲーション ページ内リンク サブナビゲーションをスキップ・・・（最後まで）」 2.「サブ ナビゲーションをスキップ」を押下時→「サブナビゲーションをスキップ ページ内リンク ページに５個の見出しと１６個のリンクがあります 見出しレベル２ ウルトラサブナビゲーション ページ内リンク ウルトラサブナビゲーションをスキップ・・・（最後まで）」 3.「サブ ナビゲーションをスキップ」を押下時→「ウルトラサブナビゲーション ウルトラサブナビゲーションをスキップ ページ内リンク ナカテン リンクＡ ナカテン リンクＢ・・・（最後まで）」 |
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キーを押すとリンク「アクセシビリティ」にフォーカスが移動した。 ■音声読み上げ 「サブ ナビゲーションをスキップ ウルトラ サブ ナビゲーションをスキップ アクセシビリティ」 |