<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: フレームのlongdesc属性が無効です</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;">フレームのlongdesc属性が無効です</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 チェックポイント 12.2</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ページに、有効ではないlongdesc属性のあるframeset要素およびframe要素があります。</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>longdesc属性がすでにあるので、フレームに長文になる説明が必要なようです。しかしながら、そのlongdesc属性値が有効ではありません。
                     <br>有効なlongdesc属性値は、以下に挙げる条件をすべて満たしたものです。:
                  </p>
                  
                  <ol>
                     
                     <li>空 ("") ではない。</li>
                     
                     <li>スペースのみ (" ") ではない。</li>
                     
                     <li>リンク先のファイルが空やスペースのみではない。</li>
                     
                     <li>リンク先のファイルが存在して、(X)HTMLソースコードが記述されている。</li>
                     
                     <li>リンク先のファイルにHTTP/FTPプロトコルでアクセスできる。</li>
                     
                  </ol>
                  
                  <p>longdesc属性を用いたソースコード例は、"解説" を参照してください。</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>フレームを用いると、情報およびナビゲーション部分をグループ化して、決まったレイアウトにして表示させることができます。しかしながら、支援技術（音声ブラウザ、スクリーンリーダー、テキストブラウザ）の中には、その視覚的なレイアウトを用いることのできないものがあります。そういった支援技術は、他のフレームに関する説明がない状態で、各フレームをそれぞれ別々にレンダリングします。ユーザーは、他のフレームおよびそのコンテンツの存在に気づくことすらできません。それゆえ、ユーザーがフレーム間の関係を理解できるような説明を各フレームの中で提供することが重要なのです。</p>
                  
                  <p>"トップ"、"左下" のようなタイトルがフレームのtitle属性値として記述されていることがよくありますが、これでは説明が不十分ですし、ユーザーはそのフレームと他のフレームとの関係を理解することができません。</p>
                  
                  <p>以下のHTMLソースコード例を考えてみてください（
                     <strong>HTML Techniques for Web Content Accessibility Guidelines 1.0</strong>
                     [http://www.w3.org/TR/WCAG10-HTML-TECHS/#frame-text-equivalent]
                     の一部を改変）。
                  </p>
                  <pre>
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;今日のニュース - 日本新聞&lt;/title&gt;
  &lt;/head&gt;

  &lt;frameset cols="10%,*,10%"&gt;

  &lt;frameset rows="20%,*"&gt;
    &lt;frame src="promo.html" name="promo" title="おすすめ"&gt;
    &lt;frame src="sitenavbar.html" name="navbar"
       title="メニュー" longdesc="frameset-desc.html#navbar"&gt;
  &lt;/frameset&gt;

  &lt;frame src="story.html" name="story" title="ニュース - 本文"
     longdesc="frameset-desc.html#story"&gt;

  &lt;frameset rows="*,20%"&gt;
    &lt;frame src="headlines.html" name="index" title="その他の
      ニュースの目次" longdesc="frameset-desc.html#headlines"&gt;
    &lt;frame src="ad.html" name="adspace" title="広告"&gt;
  &lt;/frameset&gt;

  &lt;noframes&gt;
    &lt;p&gt;&lt;a href="noframes.html"&gt;ノンフレーム版&lt;/a&gt;&lt;/p&gt;
    &lt;p&gt;&lt;a href="frameset-desc.html"&gt;フレームの説明&lt;/a&gt;&lt;/p&gt;

  &lt;/noframes&gt;

  &lt;/frameset&gt;
&lt;/html&gt;
</pre>
                  <p>frameset-desc.html は、以下のようなコンテンツです。</p>
                  <pre>
#Navbar - このフレームには、&lt;a href="sitenavbar.html"&gt;このサイト
          の主要コンテンツ&lt;/a&gt;へのリンクがあります。海外ニュース、
          国内ニュース、地方ニュース、技術ニュース、そして、エンター
　　　　　テインメント・ニュース、などです。

#Story  - このフレームには&lt;a href="story.html"&gt;ニュースの本文&lt;/a&gt;が
　　　　　表示されます。

#Index  - このフレームは、そのコーナー内のその日の
          &lt;a href="headlines.html"&gt;主なニュースの目次&lt;/a&gt;です。
</pre>
                  <p>noframe要素は、ユーザーがフレームをサポートしていない特別なブラウザ（例えば、PDAや携帯電話のブラウザ）を使用しているときに役に立ちます。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>