<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.3a］ フォームでデバイスに依存したイベントハンドラが使用されています</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;">フォームでデバイスに依存したイベントハンドラが使用されています</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.3 a);
                      WCAG 9.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>
                  
                  <p>Webページに、デバイスに依存した特定のイベントハンドラを指定している button、input、select、あるいは textarea要素があります（すなわち、特定の入力デバイスで発生するイベントだけに対応しています）。</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>
                  
                  <ul>
                     
                     <li>input要素（type=submit、type=reset、または、type=image）あるいは button要素では、onClick、onDblClick、onKeyPress、onKeydown、onKeyup、onMousedown、onMouseup
                        といったイベントハンドラを削除して、フォーム全体にわたって、<strong>onReset</strong>（type=reset の場合）、あるいは<strong>onSubmit</strong>に置き換える。
                     </li>
                     
                     <li>チェックボックスおよびラジオボタンでは、onClick、onDblClick、onKeyPress、onKeydown、onKeyup、onMousedown、onMouseup といったイベントハンドラを削除して、ラジオボタンあるいはチェックボックスに<strong>onChange</strong>を追加する。
                     </li>
                     
                     <li>テキストフィールドでは、onClick、onDblClick、onMousedown、onMouseup といったイベントハンドラを<strong>onFocus</strong>に置き換える。
                     </li>
                     
                     <li>select要素のリストでは、onClick、onDblClick、onMousedown、onMouseup といったイベントハンドラを<strong>onChange</strong>に置き換える。
                     </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>入力装置は多くの種類があります。特定の入力装置のみに対応したコンテンツを作成すると、他の入力装置の利用者が、操作できないことがあります。</p>
                     
                     <p>例えば、視覚に障害のある利用者は、マウスポインタの位置を把握することが困難なため、マウスではなく、キーボードだけを使う場合があります。
                        <br>また、上肢障害や手の震えにより、マウスを操作することが困難な利用者もいます。
                     </p>
                     
                     <ul>
                        
                        <li>一般的なブラウザで、以下のキーボード操作を可能にする。
                           
                           <ul>
                              
                              <li>「上矢印」「下矢印」キーによる画面スクロールを可能にする。</li>
                              
                              <li>「Tab」キーによるキーボード・フォーカスの移動を可能にする。
                                 <br>全てのリンク及び入力項目に、正しい順序で移動できるようにする。
                              </li>
                              
                              <li>キーボード・フォーカスの存在するリンクやコマンドは、「Enter」キーを押すまで、実行しない。</li>
                              
                           </ul>
                        </li>
                        
                        <li>特に、次に示す JavaScript は、マウスでの操作を前提にしているため、キーボードでの操作の可否に注意する。
                           <br>onClick、onDblClick、onMousedown、onMouseup、onMouseover、onMouseout、onDragDrop、onChange
                           <br>（例えば、onMouseoverだけで、メニューを表示する場合、キーボードの利用者は、メニュー内のリンクを選択できないことがある。） 
                        </li>
                        
                        <li>プラグインが改善され、キーボードでの操作性が向上する場合がある。
                           <br>最新のプラグインをインストールできるように、コンテンツ側で、配慮することが望ましい。
                        </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.3 操作及び入力
                           <br>a)</strong> ウェブコンテンツは，特定の単一のデバイスによる操作に依存せず，少なくともキーボードによってすべての操作が可能でなければならない。
                        <br><strong>参考</strong> マウスの操作が困難なときでも，キーボードであれば操作が可能な場合がある。
                        <br><strong>参考</strong> マウスポインタが見えない，又は見失ってしまうためにマウス操作が困難なときでも，キーボードであれば操作が可能な場合がある。
                     </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>Webページが提供するユーザー・インターフェースは、身体障害、認知障害、あるいは技術上の障害の有無に関係なく、誰もが認知できて操作可能でなければなりません。特に、デバイスに依存してはいけません。フォームのあるWebページにおいては、きわめて重要です。</p>
                  
                  <p>W3C/WAI の WCAG 1.0（
                     <a>&amp;url_wcag10;#device-independent&amp;wcag;</a>）で定義されているように、"デバイス非依存" というのは、ユーザーが自分のニーズに応じて選択した入力および出力デバイスを使用して Web サイトを操作できることを指します。入力デバイスには、ポインティング・デバイス（マウスなど）、キーボード、点字入力デバイス、ヘッドセット装置、マイクロホン、その他があります。出力デバイスとしては、モニタ、音声合成装置、および点字ピンディスプレイなどが挙げられます。
                  </p>
                  
                  <p>"デバイス非依存のサポート" というのは、ブラウザがあらゆる入力あるいは出力デバイスをサポートしなければならないという意味ではありません。ブラウザは、サポートされているデバイスでの入力および出力のメカニズムを特定のデバイスに偏らずに提供すべきだということです。例えば、もし、ブラウザがキーボードおよびマウスの入力をサポートしていれば、ユーザーはキーボードあるいはマウスのどちらを使用してもすべての機能を操作できます。</p>
                  
                  <p>デバイスに依存しないアクセスというのは、ユーザーがブラウザ、あるいは任意の入力（あるいは、出力）デバイスでドキュメントを操作・入力できるという意味です。例えば、もし、フォームのコントロールが、マウスあるいは他のポインティング・デバイスでしか操作できなかったとしたら、画面を見ずに操作している人、音声認識による入力で操作している人、あるいはキーボードのみで操作している人などは、そのフォームを使用することができません。マウスでしか使用できないそのフォームは、デバイス依存の一例です。</p>
                  
                  <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>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>