<html xmlns:un="http://usablenet.com/namespaces/508_rules">
   <link rel="stylesheet" href="josh.css">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   
      <title>Vue d&eacute;taill&eacute;e de la r&egrave;gle: Le formulaire est accessible</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="Description">
         <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
            <tr>
               <td valign="top" nowrap="true" class="name">Le formulaire est accessible</td>
               <td valign="top" nowrap="true" class="compatibility">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
            </tr>
            <tr>
               <td valign="top" align="right" nowrap="true" colspan="2" class="requirements">
                        Section 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>Description du probl&egrave;me</b><br>
                        
                  <p>
                             La page contient un &eacute;l&eacute;ment&nbsp;FORM dont les
                             composants semblent pr&eacute;sent&eacute;s dans un tableau.
                             Il se peut que le tableau rende le formulaire inutilisable.
                           
                  </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>Proc&eacute;dure de v&eacute;rification</b>
                        
                  <p>
                             Veillez &agrave; ce que les &eacute;l&eacute;ments du
                             formulaire et leurs &eacute;tiquettes soient restitu&eacute;s
                             correctement par les navigateurs non graphiques. Veillez en
                             particulier &agrave; ce que le formulaire soit toujours
                             utilisable apr&egrave;s que le tableau utilis&eacute; pour le
                             mettre en forme a &eacute;t&eacute; lin&eacute;aris&eacute;.
                             Pour cela, il suffit d'effeuiller les balises du tableau.
                             Vous pouvez encore apposer une feuille de papier sur la page
                             et lire le tableau ligne par ligne.
                           
                  </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>Explication du probl&egrave;me</b><br>
                        
                  <p>
                             L'utilisation d'un tableau pour mettre en forme un formulaire
                             peut rendre ce dernier inutilisable. Lorsque l'utilisateur
                             consulte la page via un navigateur vocal ou un
                             p&eacute;riph&eacute;rique &eacute;quip&eacute; d'un
                             &eacute;cran de petite taille, tel qu'un PDA ou un
                             t&eacute;l&eacute;phone portable, les cellules du tableau
                             peuvent se pr&eacute;senter sous forme lin&eacute;aire
                             (lin&eacute;aris&eacute;e). Suite &agrave; cela, les
                             &eacute;tiquettes des champs de texte, les cases &agrave;
                             cocher et les boutons radio pourront ne plus &ecirc;tre
                             &agrave; la bonne place.
                           
                  </p>
                        
                  <p>
                             Pour en savoir plus sur les effets des tableaux de mise en
                             forme sur la navigation, reportez-vous &agrave; la page
                             http://www.jimthatcher.com/webcourse4.htm.
                           
                  </p>
                        
                  <p>
                             Gardez &eacute;galement &agrave; l'esprit l'ordre de
                             tabulation des &eacute;l&eacute;ments du formulaire. En
                             appuyant sur la touche de tabulation du clavier,
                             l'utilisateur peut se d&eacute;placer de fa&ccedil;on
                             s&eacute;quentielle d'un &eacute;l&eacute;ment &agrave; un
                             autre dans l'ordre d&eacute;fini sur la page&nbsp;HTML.
                             Parfois, vous voudrez peut-&ecirc;tre sp&eacute;cifier un
                             ordre diff&eacute;rent. Pour cela, utilisez l'attribut
                             TABINDEX des balises INPUT, A, BUTTON, AREA, OBJECT, SELECT
                             et TEXTAREA dans un formulaire.
                           
                  </p>
                        
                  <p>
                             Vous pouvez &eacute;galement utiliser l'attribut ACCESSKEY
                             pour associer des raccourcis clavier aux
                             &eacute;l&eacute;ments du formulaire.
                           
                  </p>
                      
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>