<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;">米国508条 1194.22(n)</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ページに、コンポーネントがテーブルでレイアウトされていると思われるform要素があります。そのテーブルがフォームを使えないものにする恐れがあります。</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>フォームの各要素および関連するラベルがノングラフィカルなブラウザで正しくレンダリングされることを確認してください。特に、レイアウトに用いているテーブルがリニアライズされたときでも、そのフォームが使えることを確認して下さい。確認するシンプルな方法は、テーブル関連のタグをすべて削除してみることです。もう一つ手早くできる方法としては、1枚の紙を使って、Webページの上からずらしながら順に1行ずつ読んでみることです。</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>フォームのレイアウトにテーブルを用いることで、そのフォームを使えないものにする恐れがあります。ユーザーが、音声ブラウザ、あるいはPDAや携帯電話のような小さい画面のデバイスでWebページにアクセスしているとき、テーブルのセルはリニアライズ（線形化）された状態で提供されることがあります。このとき、テキストフィールド、チェックボックス、あるいはラジオボタンのラベルを意図しない位置に配置してしまうかもしれません。</p>
                  
                  <p>レイアウトテーブルを使用したときに起こりうる問題に関する詳細なディスカッションは、http://www.jimthatcher.com/webcourse4.htm を参照してください。</p>
                  
                  <p>もう一つ考えなくてはならないのは、form要素におけるTabキーでの移動順序です。キーボードのTabキーを押すことで、ユーザーは(X)HTMLソースコードで指定された順序で、ある要素から次の要素へと続けて移動することができます。しかしながら、異なる順序を指定したいときもあるでしょう。その場合は、フォーム内のinput要素、a要素、button要素、area要素、object要素、select要素、およびtextarea要素にtabindex属性を用いることで指定できます。</p>
                  
                  <p>また、フォームの各要素へのキーボード・ショートカットキーをaccesskey属性を用いて設定することも可能です。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>