<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 チェックポイント 10.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ページにフォームのコントロールがあります。もし、各コントロールのラベルが適切な位置（コントロールの左側、あるいはすぐ上）に置かれていない場合は、このチェックポイントの要件を満たしていません。</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>
                  
               </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>なぜなら、ユーザーは必ずしもそのフォームを画面上で見ているわけではないからです（そのフォームを音声読み上げで利用しているかもしれません）。あるいは、画面拡大ソフトを使用していてフォームのごく一部分しか一度に見れなかったり、とても小さいPDAのモノクロ画面で見ていたりもします。</p>
                  
                  <p>これらのすべてのケースにおいては、ユーザーはフィールドまたはコントロールの意図している意味を見落としがちですし、何を入力したり操作したりすればよいのかが分からないことも考えられます。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>