<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.3i］ 誤った入力や操作によるエラーの対策をしていますか？</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 i);
                      
               </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ページに、object、embed、applet、button、input、select、textarea、isindex要素のいずれか、あるいは外部JavaScriptファイルがあります。もし、ユーザーがこの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>ユーザーがこのWebページで何らかの入力あるいは操作をしてエラーが発生した場合に、ユーザーがそのエラーを修正することができるように、元の状態に戻すか、あるいは誤入力した内容を修正することのできる手段を提供していることを確認してください。</p>
                  
                  <p>あわせて、エラーが発生したときに表示されるエラーメッセージの文言が、以下の条件を満たしていることを確認するとよいでしょう。</p>
                  
                  <ul>
                     
                     <li>どこにどういう問題があるのかを明確に示している</li>
                     
                     <li>どのようにそのエラーを修正すればよいのかを具体的に示している</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>特にフォームで、入力済みのフォームに戻れない場合や、入力済みのデータが消去されている場合は、入力操作を再度繰り返す必要が生じます。</p>
                     
                     <p>入力した内容を利用者自身が確認できるようにすることで、入力ミスを防ぎ、利用者自身の安心感が高まります。</p>
                     
                     <p>また、サイトで自動的に入力内容をチェックする場合、チェック結果の表示によっては、利用者が問題のある箇所を特定できない場合があります。</p>
                     
                     <ul>
                        
                        <li>ブラウザの[戻る]ボタンなどで、前に表示した画面を、簡単に表示できるようにする。
                           <br>（特に、フォームの場合、ブラウザの[戻る]ボタンを押しても、「セッションが切れました」などのメッセージを表示しないことが望ましい。） 
                        </li>
                        
                        <li>ブラウザの[戻る]ボタンなどで、フォームに戻ったとき、入力済みのデータをそのまま表示する（消去しない）。</li>
                        
                        <li>入力後、送信前に、利用者自身が入力内容を確認できるようにする（例えば、送信前に入力内容の確認画面を表示するなど）。</li>
                        
                        <li>入力内容の確認画面を表示するときは、画面を簡単に印刷できることが望ましい。</li>
                        
                        <li>サイトで自動的に入力内容をチェックする場合、文字種などの入力エラーメッセージは、こまめにその都度表示することが望ましい。</li>
                        
                        <li>入力内容のエラー画面を表示するときは、問題のある入力項目と問題のない入力項目を明確に示す。さらに、問題の修正方法を明確に示すことが望ましい。</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.3 操作及び入力
                           <br>i)</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ページでは、ユーザーの入力や操作によってエラーが発生することが考えられます。もし、ユーザーが誤った入力や操作をしてエラーが発生した場合には、ユーザーがそのエラーをクリアして作業を最後まで完了できるようにナビゲートしなくてはなりません。</p>
                  
                  <p>その最たる例が、入力フォームのあるコンテンツでしょう。入力フォームにおける注意点としては、以下のようなポイントがあります。</p>
                  
                  <ul>
                     
                     <li>入力したデータを送信する前に入力内容を確認できるページを提供する</li>
                     
                     <li>入力内容に誤りがあった場合には、入力内容を修正できる手段を提供する</li>
                     
                     <li>入力内容を修正するページでは、どの項目の入力内容に問題があるのかを分かりやすく示す</li>
                     
                     <li>入力内容をどのように修正すればよいのかを分かりやすく示す</li>
                     
                  </ul>
                  
                  <p>入力フォームで入力内容を修正できる手段を提供していたとしても、以下のようなケースでは、ユーザーが入力を最後まで完了できない恐れがあります。</p>
                  
                  <ul>
                     
                     <li>入力フォームのページに戻ったら入力内容がすべて消えていた</li>
                     
                     <li>「入力内容に誤りがあります。」とだけしか書かれていないため、どの項目を修正すべきか分からない。</li>
                     
                     <li>「（項目名）に誤りがあります。」とだけしか書かれていないため、何が問題で、どのように修正すればよいか分からない</li>
                     
                  </ul>
                  
                  <p>特に、エラーメッセージは、どの項目に問題があって、それを修正するためには具体的にどうすればよいのか、を分かりやすく示していなければ、ユーザーは入力データを送信できずに、途中であきらめてしまう恐れがあります。エラーメッセージの文言にも細心の注意を払うようにしましょう。</p>
                  
                  <p>また、リンク切れなどの際に表示される "ページが見つかりませんでした"（いわゆる "Not Found"）のページは、あらかじめサーバで設定しておくことで、代わりにそのサイトの主要なページへのリンクを一覧にしたWebページなどを表示させることができます。ユーザーがURLの入力をミスすることもありますので、こういった配慮をしておくことで、ユーザーはより安心感を感じながらサイトを利用し続けることができるでしょう。</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>