ナビゲーションのスキップリンクを提供していますか?
米国508条 1194.22(o); WAI/ WCAG1.0 チェックポイント 13.6
 
 
概要

もし、Webページにナビゲーションのリンク(ナビゲーションバーやリンク)がよくあるポジション(ページの上部、下部、あるいは左側か右側)にある場合、ノングラフィカルなブラウザのユーザーが、それらのリンクをスキップしてページのコンテンツ部分へ移動できるようなリンクを提供すべきです。

 
 
チェック方法

もし、Webページにナビゲーション・バーのようなリンクがよくある位置にあるのであれば、ユーザーがその部分をスキップできるようなリンクを提供してください。最も簡単な方法は、同じページ内のコンテンツ開始位置にアンカーを置いて、"ナビゲーションをスキップ" というようなリンクをナビゲーション・バーの直前に置いて、ページ内リンクを提供することです。

より効果的な方法としては、適切なalt属性のついた透明のGIF画像をリンクとして用いる方法です。HTMLソースコード例:

   <a href="#content">
     <img alt="メニューをスキップして、このページの本文へ" 
     src="spacer.gif" width="1" height="1">
   </a>

グラフィカルなブラウザのユーザーにはそのリンクが見えることはなく、ノングラフィカルなブラウザのユーザーにはその存在が分かって利用することができます。

 
 
解説

Web制作者は、よくナビゲーションのリンクをWebページの上部、下部、あるいは左側か右側のような位置に配置します。もし、画面を見ているユーザーがWebページあるいはサイトにやってきて、ナビゲーションのリンクを選択するのではなく、そのページのコンテンツを読みたい場合は、単にリンク部分を無視して、読みたい部分のテキストを読み始めます。しかしながら、スクリーンリーダー、あるいはその他の支援技術を使用しているユーザーは、支援技術がそのページのコンテンツ部分にたどり着くまでに、それらのリンクを1つずつ順番に読み上げていくのを聞いていなければならず、それは退屈で時間の無駄な作業になりがちです。

この問題を解決するには、ユーザーが繰り返されるナビゲーションのリンクをスキップできる仕組みを提供することです。