<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;">WAI / WCAG 1.0 優先度2 チェックポイント 13.1</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ページに、ラベル（すなわち、a要素で囲まれたテキスト）またはタイトル（a要素のtitle属性値）が十分な情報を含んでいないと思われるリンクがあります。そのテキストリンクのラベルが簡潔でリンク先の内容が分かることを確認してください。</p>
                  
                  <p>リンクのラベルは、その部分だけを読んでも、リンク先の内容が分かるように記述されていなければなりません。そのリンク単独でも、あるいはリンク部分の一覧の中にあっても意味のあるラベルであるべきです。また、簡潔で明解でなくてはなりません。例えば、(X)HTMLでは、"ここをクリック"、"クリック"、"こちら"、"ここ"
                     ではなく、"バージョン 4.3 に関する情報" と記述してください。さらに、コンテンツ制作者は、リンクのラベルをより明解にするために、リンクのタイトルを提供して、そのリンク先をさらに明確にすることができます（例えば、(X)HTMLでは、title属性を用います）。
                  </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>もし、リンクのラベルが十分でなければ、リンクのタイトル（title属性）も用いてください（多くのブラウザでは、そのリンクをマウスオーバーしたときに、一時的に小さなツールチップで表示されます）。ただし、リンクのタイトルを用いる場合は、サイト上のすべてのリンクで一貫して使用するようにしてください。</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ページからすべてのリンク部分だけを抽出して、リンクのリストを作成することができます。この場合、リンクのラベルおよびリンクのtitle属性値にある情報から、ユーザーはそれぞれのリンク先の内容を理解できなくてはなりません。</p>
                  
                  <p>そう考えると、"詳細" のようなリンクは、特にそのWebページで何度も繰り返して用いられている場合には、前後関係が分からないとリンクのラベルとしては不明確です。</p>
                  
                  <p>また、リンクのラベルでは、ユーザーがそのリンク先に何があるのかを理解できるだけの十分な情報を提供すべきです。ユーザーがそのリンクをクリックする<strong>前に</strong>、そのリンク先の内容をはっきりと理解できるようにしてください。そうしないと、ユーザーは新しいページが読み込まれて表示されるのを待たされたあげく、そのページのコンテンツを読んだら全くむだだった、ということになりかねません。
                  </p>
                  
                  <p>特に、（ユーザーに通常のページよりも読み込みに時間がかかることを警告すべきな）とても重たいページ、あるいは特定のプラグインを必要とするページ（PDF、Flash、MS Word、など）へのリンクでは重要です。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>