<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 チェックポイント 3.7</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ページに、blockquote要素あるいはq要素でマークアップされているテキストがあります。もし、このテキストが引用箇所ではない場合は、(X)HTMLソースコードを修正してください。</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ページでblockquote要素（あるいは、q要素）でマークアップされたテキストが、本当に引用箇所であるかどうかをチェックしてください。</p>
                  
                  <p>もし、引用箇所でなかったならば、blockquote要素（あるいは、q要素）を削除して、blockquote要素（あるいは、q要素）で得られる見た目のフォーマットを指定したCSSのclassと関連付けしたdiv要素（あるいは、span要素）に置き換えてください。</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>ユーザーは、もし、その "引用箇所" が、コンテンツの一部の見た目をフォーマットするために、blockquote要素あるいはq要素でマークアップされているだけだったとしたなら、混乱してしまいます。</p>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>