<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 チェックポイント 12.3</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>ありとあらゆる手段を用いて、テキスト、フォームのコントロール、そしてリンクなどをできるかぎり細かくグループ化してください。</p>
                  
                  <p>例えば、optgroup要素を用いて、select要素内のoption要素をグループ化する、fieldset要素およびlegend要素を用いて、フォームのコントロールをグループ化する、リストを適切に入れ子構造にする、見出し（h1要素、h2要素、...）でドキュメントを構造化する、などが挙げられます。</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>ユーザーがコンピュータの画面上でWebページを読むときには、その全体の構造およびコンテンツ部分を確認するために走り読みをします。その際、ユーザーの目を引くのは、タイトル、見出し、太字のテキスト、下線のあるリンク、インデントされた部分などです。</p>
                  
                  <p>この走り読みを終えた後で、かつユーザーの関心を引く何かがあった<strong>場合のみ</strong>、ユーザーは長い文章部分を読みます。
                  </p>
                  
                  <p>さらに、支援技術は、情報を自動的にグループ化して、グループごとにレンダリングすることができます。例えば、フレームは1つずつレンダリングする、ユーザーが特定のセクションにジャンプできるようにする（h1要素、h2要素、... でマークアップされた見出し箇所だけを拾い読みする）、ホットスポットを1つの集合体としてレンダリングする、などです。このように、支援技術のユーザーは、グループ化されたコンテンツやナビゲーション部分を活用することができるのです。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>