<html xmlns:un="http://usablenet.com/namespaces/508_rules" xmlns:saxon="http://icl.com/saxon">
   <link rel="stylesheet" href="josh.css">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
      <title>Detailed View for rule: ナビゲーションのスキップリンクを提供していますか？</title>
      <!--
  508/W3C Accessibility Suite OEM V2 for Macromedia Dreamweaver
  (C) Copyright 2001-2005 UsableNet Inc. All rights reserved.
  -->
   </head>
   <body bgcolor="#ffffff">
      <div id="説明">
         <table cellpadding="0" cellspacing="0" border="0" class="main">
            <tr>
               <td valign="top" class="name" style="background-color:#dcdcdc;padding:3px;">ナビゲーションのスキップリンクを提供していますか？</td>
            </tr>
            <tr>
               <td colspan="2" class="divider"><img src="dwres:18084" height="1"></td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="requirements" style="text-align:right;">米国508条 1194.22(o); 
                  WAI/ 
                  WCAG1.0 チェックポイント 13.6
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>概要</b><br>
                  
                  <p>もし、Webページにナビゲーションのリンク（ナビゲーションバーやリンク）がよくあるポジション（ページの上部、下部、あるいは左側か右側）にある場合、ノングラフィカルなブラウザのユーザーが、それらのリンクをスキップしてページのコンテンツ部分へ移動できるようなリンクを提供すべきです。</p>
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>チェック方法</b>
                  
                  <p>もし、Webページにナビゲーション・バーのようなリンクがよくある位置にあるのであれば、ユーザーがその部分をスキップできるようなリンクを提供してください。最も簡単な方法は、同じページ内のコンテンツ開始位置にアンカーを置いて、"ナビゲーションをスキップ"
                     というようなリンクをナビゲーション・バーの直前に置いて、ページ内リンクを提供することです。
                  </p>
                  
                  <p>より効果的な方法としては、適切なalt属性のついた透明のGIF画像をリンクとして用いる方法です。HTMLソースコード例:</p>
                  <pre>
   &lt;a href="#content"&gt;
     &lt;img alt="メニューをスキップして、このページの本文へ" 
     src="spacer.gif" width="1" height="1"&gt;
   &lt;/a&gt;
</pre>
                  <p>グラフィカルなブラウザのユーザーにはそのリンクが見えることはなく、ノングラフィカルなブラウザのユーザーにはその存在が分かって利用することができます。</p>
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>解説</b><br>
                  
                  <p>Web制作者は、よくナビゲーションのリンクをWebページの上部、下部、あるいは左側か右側のような位置に配置します。もし、画面を見ているユーザーがWebページあるいはサイトにやってきて、ナビゲーションのリンクを選択するのではなく、そのページのコンテンツを読みたい場合は、単にリンク部分を無視して、読みたい部分のテキストを読み始めます。しかしながら、スクリーンリーダー、あるいはその他の支援技術を使用しているユーザーは、支援技術がそのページのコンテンツ部分にたどり着くまでに、それらのリンクを1つずつ順番に読み上げていくのを聞いていなければならず、それは退屈で時間の無駄な作業になりがちです。</p>
                  
                  <p>この問題を解決するには、ユーザーが繰り返されるナビゲーションのリンクをスキップできる仕組みを提供することです。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>