<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.2e］ ページタイトル（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 e);
                      WCAG 13.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>
                  
                  <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>ページタイトルを記述するには、以下のソースコードをドキュメントの冒頭にある<strong>html</strong>タグの後に入れてください。HTMLソースコード例：
                     <pre>
&lt;head&gt;
 &lt;title&gt;
  ページタイトル
 &lt;/title&gt;
&lt;/head&gt;
</pre></p>
                  
                  <p>Dreamweaverでは、編集画面の上部にある "タイトル" のテキストフィールドにただ記述するだけでよいので、より簡単にできます。</p>
                  
                  <p>ページタイトルを効果的にするためには、以下の条件を満たさなくてはなりません。</p>
                  
                  <ul>
                     
                     <li><strong>簡潔</strong>で<strong>有益な情報を提供</strong>している。
                     </li>
                     
                     <li>(X)HTMLのタグを含んでいない</li>
                     
                     <li>1つのドキュメントにつき1つだけである</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>&lt;title&gt;タグの内容は、タイトルバーに表示されるだけでなく、ブラウザのブックマーク（お気に入り）への登録や、検索サイトの結果表示にも使われます。
                        <br>また、音声ブラウザの利用者は、&lt;title&gt;タグのテキストでページの内容を把握します（音声ブラウザが、&lt;title&gt;タグのテキストを読み上げる）。&lt;title&gt;タグのテキストが不適切な場合、ページ本文の読み上げで判断しなければならず、ページの内容を把握するのに、時間がかかります。
                     </p>
                     
                     <ul>
                        
                        <li>&lt;head&gt;タグ内の&lt;title&gt;タグで、ページタイトルを指定する。</li>
                        
                        <li>ページタイトルは、「ページ名 ― サイト名（例: アクセシビリティその1 ― FUJITSU）」などとすることが望ましい。</li>
                        
                        <li></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>e)</strong> ページのタイトルには，利用者がページの内容を識別できる名称を付けなければならない。
                        <br><strong>参考</strong> 多くの音声ブラウザなどは，最初にページのタイトル情報を読み上げる。もし，タイトル情報が適切でないとき，又は無いとき，一通りページを読み上げないとそのページが目的のページかどうかの判断ができないことがある。そのため，タイトル情報は重要である。また，ページのタイトルは，ウェブブラウザのブックマークなどへの登録にも使われるため，ページの内容を表す固有の名称でないと何のページか理解できない。また，フレームを用いる場合，ウェブブラウザの画面上にフレームを構成する各ページのタイトルが表示されないことが多いので，タイトルを付け忘れないように注意する。
                        <br><strong>例</strong> HTML では，head 要素の中に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>title要素は、以下におけるドキュメントのタイトルを定義します。</p>
                  
                  <ul>
                     
                     <li>ブラウザのウィンドウ</li>
                     
                     <li>音声ブラウザ</li>
                     
                     <li>お気に入り（ブックマーク）リスト</li>
                     
                     <li>履歴</li>
                     
                     <li>検索結果ページのリスト</li>
                     
                  </ul>
                  
                  <p>ページタイトルが内容的に不十分だったり、あるいはなかったりすると、ユーザーがブラウザのウィンドウを識別する、前後の文脈を理解する、ブックマークや検索結果のリストから選ぶ、といったあらゆるシチュエーションにおいて、そのWebページを理解しづらくなります。
                     <br>ページタイトルはユーザーに対して最初に提供される情報であり、そのWebページによる新しい文脈を明確にするものなので、支援技術を使用しているときにはよく問題となります。
                  </p>
                  
                  <p>効果的なページタイトルにするには、<strong>簡潔</strong>で<strong>有益な情報を提供</strong>すべきです（すなわち、そのWebページの内容を十分に説明すべきです）。
                  </p>
                  
                  <p>title要素のコンテンツには、ブラウザが解釈できないので、(X)HTMLタグを記述してはいけません（ユーザーエージェントを混乱させます）。</p>
                  
                  <p>そして、Webページのページタイトルは1つだけにしてください。もし、2つ以上あると、そのうちのどれか1つしかブラウザに解釈されません。</p>
                  
                  <p>また、スクリーンリーダーがフレームのWebページを読み上げるときには、（frmae要素のtitle属性だけでなく、）フレーム内のWebページのページタイトルも読み上げることに注意してください。そのため、フレーム内の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>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>