<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 チェックポイント 7.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>もし、動いている場合は、そのイメージをコンテンツが動かないように修正するか、あるいは、イメージが数回動いたら静止するようにしてください。</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>コンテンツが動いていると、認知障害のあるユーザーはWebページのコンテンツに集中するのがとても大変になり、彼らに対してはずっと重大な影響を及ぼします。また、画面拡大ソフトを使用しているユーザーがページ上の一部で動いている部分を読むときのことを考えてみてください。この場合、拡大された部分でコンテンツが視界から消えたり変化したりします。ユーザーは、動いているコンテンツを追いかけながら画面拡大ソフトの拡大位置を再調整し続けることになり、作業に集中することがとても困難になります。</p>
                  
                  <p>ユーザーが急いでいるときやプレッシャーを感じているときなどは、ある意味では、誰もが認知障害の状態にあるといえます。例えば、とても騒がしくて混雑した空港で、自分の後ろに長い行列ができているキオスク端末で航空券のeチケットを購入している時、たいていの人はチケットを購入することに十分に集中できないでしょう。画面上で何かを動かすことは、ユーザーが購入手続きを完了させるのに何の役にも立たないのです。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>