<html xmlns:jis="http://www.macromedia.com/jp/JISX83413_rules" xmlns:saxon="http://icl.com/saxon" lang="ja">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   
      <link rel="stylesheet" href="josh.css">
      <title>［5.2f］ フレームのtitle属性が無効です</title>
   </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;">フレームのtitle属性が無効です</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;">
                      JIS 5.2 f);
                      WCAG 12.1;
                      508条 (i)
                      
               </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>ドキュメントにある&lt;frame&gt;タグには有効なtitle属性がありません。</p>
                  
                  <p>&lt;frame&gt;タグのtitle属性は、以下に挙げる条件に該当する場合に有効です：title属性が存在する、title属性が空（""）ではない、そして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>&lt;frame&gt;タグに有効なtitle属性を定義してください。</p>
                  
                  <p>フレームのタイトルを、フレームのコンテンツおよびWebページにおけるフレームの役割を説明して、フレームの識別とナビゲーションを手助けするように、title属性値に記述してください。</p>
                  
                  <p>また、代替手段の一つとして、title属性値とname属性値に同じ文字列を用いてください。例えば、Linuxのテキストブラウザはname属性値のみを使用します。</p>
                  
                  <p>title属性値は、以下に挙げるような要件を満たしていれば有効です。</p>
                  
                  <ul>
                     
                     <li>(X)HTMLタグを含んでいない</li>
                     
                     <li>空（""）ではない</li>
                     
                     <li>スペースのみ（" "）ではない</li>
                     
                  </ul>
                  
               </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>
                  
                  <blockquote style="margin:0px 10px 0px 20px;">
                     
                     <p>フレームを使用したページは、ブラウザのブックマーク（お気に入り）へ登録できない場合があります。
                        <br>また、検索エンジンを使用した場合、フレームの一部として作成されたページが、検索結果に表示されることがあります。
                     </p>
                     
                     <p>このような場合、検索結果のページにはナビゲーションやメニューが表示されず、その後の操作が困難になります。</p>
                     
                     <p>さらに、音声ブラウザの利用者は、フレームを1つずつ選択して読み上げなければなりません。
                        <br>フレームで細かく分割されたページは、ページ全体の内容を把握するまでに、時間がかかります。
                     </p>
                     
                     <ul>
                        
                        <li>分割する領域は、4つまで（ヘッダー、メニュー、本文、フッター）とする。</li>
                        
                        <li>フレームは、入れ子（フレーム内にフレームを設定する）にしない。</li>
                        
                        <li>各フレームの役割（ヘッダー、メニュー、本文など）を整理して、ページの構造を明確にする。</li>
                        
                        <li>リンクを使用し、フレームの一部を変更する場合は、フレームの定義ファイルにリンクしないことが望ましい。
                           <br>（フレーム全体のフォーマットがほとんど変化しないのに、フレームの定義ファイルへリンクすると、音声ブラウザの利用者は、各フレームの役割を再度、すべて確認しなければなりません。）
                        </li>
                        
                        <li>&lt;noframes&gt;タグを指定することが望ましい。代替情報として、ページの概要を記述する。</li>
                        
                     </ul>
                     
                     <p><cite style="font-style:normal;color:#006400">『富士通ウェブ・アクセシビリティ指針 第2.0版』 © 2004 富士通株式会社</cite></p>
                  </blockquote>
                  
               </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>JIS関連項目</b>
                  
                  <blockquote style="margin:0px 10px 0px 20px;">
                     
                     <p><strong>5.2 構造及び表示スタイル
                           <br>f)</strong> フレームは，必要以上に用いないことが望ましい。使用するときは，各フレームの役割が明確になるように配慮しなければならない。
                        <br><strong>参考</strong> フレームを使用したページは，各フレームの役割及び各フレーム内のデータの変化が分かりにくいために，情報アクセシビリティを損ねる可能性がある。また，音声ブラウザによっては，フレームを別々のページとして認識する場合があり，作成者の意図どおりに利用者が理解できない可能性もある。タイトル又は広告などを表示するためだけにフレームを使用したり，レイアウトのために中身が空白のフレームを作ったりすると，利用者は理解しにくくなる。
                        <br><strong>例1.</strong> HTML では，frame 要素にはtitle 属性を用いて各フレームの役割を記述する。また，フレーム内の各ページにはtitle 要素を用いて内容にあった固有のタイトルを付ける。
                     </p>
                     
                     <p><cite style="font-style:normal;color:#006400">JIS X 8341-3:2004『高齢者・障害者等配慮設計指針－情報機器における機器，ソフトウェア及びサービス－第三部：ウェブコンテンツ』（© 財団法人 日本規格協会）</cite></p>
                     
                  </blockquote>
                  
               </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>フレームは、複雑なナビゲーション構造を実装するのに適しています。しかしながら、もし正しく実装されなければ、多くのユーザーにとっての障害物になるかもしれません。想定しうる状況で、あらゆるテクノロジーを使用しているユーザーが、そのフレームを用いたページを利用できることを確認してください。</p>
                  
                  <p>一般的なユーザー・インターフェースのデザイン・ガイドラインに、"ユーザーが複雑なページあるいは要素を理解するのを手助けするために、前後関係と情報への道筋を提供すること" というのがあります。</p>
                  
                  <p>フレームの場合、ノングラフィカルなブラウザが示せるのはtitle属性値だけなので、title属性を定義すべきであるということになります。実際に、各フレームは他のフレームとは別々に示されるので、ユーザーは各フレーム間の関係を理解するのが困難でしょう。"コンテンツエリア"
                     あるいは　"ナビゲーション" のようなtitle属性値は、"左側" あるいは "上のフレーム" よりもずっと有益な情報となります。
                  </p>
                  
                  <p>複数の要素間の関係について前後関係や文脈の情報を提供することは、すべてのユーザーにとって役に立ちます。Webページ内の複数の部分間にある複雑な関係は、認知障害あるいは視覚障害のある人にとっては解釈しづらいことがあるのです。</p>
                  
                  <p>認知障害というのは精神障害のある人だけを指すのではなく、空港でeチケットサービスを使用している人、周囲が騒がしい場所で電話で音声ブラウザを使用している人、迅速な決断が要求される状況でPDAを使用している人、あるいは集中力の切替が困難な会議中にブラウザを使用している人、などのように、ある特定の悪条件下で作業している人にも同じことが言えます。</p>
                  
                  <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>JIS X 8341-3について</b>
                  
                  <p>JIS X 8341-3 の内容は、以下のサイトにて規格番号「X8341-3」で検索して、規格票をご覧ください。</p>
                  
                  <ul style="margin:0px 0px 0px 10px;">
                     
                     <li><strong>閲覧</strong>：日本工業標準調査会（JISC）
                        <br>http://www.jisc.go.jp/
                     </li>
                     
                     <li><strong>購入</strong>：日本規格協会（JSA Web Store）
                        <br>http://www.webstore.jsa.or.jp/
                     </li>
                     
                  </ul>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>