<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: Informer les utilisateurs de l'affichage d'une nouvelle fen&ecirc;tre</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">Informer les utilisateurs de l'affichage d'une nouvelle fen&ecirc;tre</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">Point de contr&ocirc;le 10,1 de priorit&eacute; 2 WAI / WCAG 1.0</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 des liens pouvant s'ouvrir dans une nouvelle fen&ecirc;tre (soit via un attribut TARGET, soit via une instruction
                     javascript:window.open()). Si tel est le cas, v&eacute;rifiez que la personne visitant le site a indiqu&eacute; qu'il s'agit de ce comportement.
                     Si l'utilisateur n'est pas pr&eacute;venu, la page ne r&eacute;pond pas aux crit&egrave;res de ce point de contr&ocirc;le.
                     	 
                  </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>
                     Evitez d'ouvrir de nouvelles fen&ecirc;tres de navigateur.
                     	 
                  </p>
                  
                  <p>
                     Si ce n'est pas possible, l'utilisateur doit &ecirc;tre averti qu'une nouvelle fen&ecirc;tre s'ouvrira s'il clique sur un certain lien
                     ou bouton. Par exemple, &eacute;crivez " (nouvelle fen&ecirc;tre) " juste avant ou dans le texte du lien, ou &eacute;crivez-le dans l'attribut
                     TITLE du lien. Une autre option consiste &agrave; adopter syst&eacute;matiquement dans le site une petite ic&ocirc;ne avertissant qu'une nouvelle
                     fen&ecirc;tre est en train de s'ouvrir et placez-la dans l'&eacute;tiquette du lien (par exemple, associez l'attribut ALT &agrave; " nouvelle
                     fen&ecirc;tre "). Pour plus d'informations, rendez-vous sur <strong>Qbullets</strong>
                     [http://www.matterform.com/index.php?page=/qbullets/index.php]
                      (&eacute;vitez les GIF anim&eacute;s).
                     
                  </p>
                  
                  
                  <p>
                     Dans tous les cas, ajoutez un bouton Fermer ou Pr&eacute;c&eacute;dente &agrave; la fen&ecirc;tre qui respectivement fermera la nouvelle fen&ecirc;tre ou affichera
                     la page pr&eacute;c&eacute;dente.
                     
                  </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>
                     Lorsque le navigateur ouvre une nouvelle fen&ecirc;tre, apr&egrave;s que l'utilisateur ait cliqu&eacute; sur un lien ou un bouton, l'environnement
                     dans lequel il travaille change. Celui-ci change parce que :
                     	 
                  </p>
                  
                  <ul>
                     
                     <li> certaines fonctionnalit&eacute;s du navigateur dans la nouvelle fen&ecirc;tre peuvent &ecirc;tre diff&eacute;rentes. Par exemple, les boutons du navigateur
                        peuvent ne plus &ecirc;tre affich&eacute;s, la g&eacute;om&eacute;trie et la position de la nouvelle fen&ecirc;tre peuvent changer, la nouvelle fen&ecirc;tre appara&icirc;t
                        au-dessus ou parfois en dessous de la fen&ecirc;tre parent ;
                        
                     </li>
                     
                     <li> m&ecirc;me s'il n'est pas d&eacute;sactiv&eacute;, le bouton Pr&eacute;c&eacute;dente du navigateur ne fonctionne pas, puisque dans la nouvelle fen&ecirc;tre ne
                        contient pas d'historique des URL (et des URL pr&eacute;c&eacute;dentes).
                        
                     </li>
                     
                  </ul>
                  
                  <p>
                     Ces deux facteurs, g&eacute;n&eacute;ralement associ&eacute;s, amplifient les difficult&eacute;s rencontr&eacute;es par les personnes visitant le site, plus
                     particuli&egrave;rement les personnes handicap&eacute;es ou utilisant des technologies d'aide. Par exemple, si la nouvelle fen&ecirc;tre a les
                     m&ecirc;mes dimensions et la m&ecirc;me position que la fen&ecirc;tre parent et qu'elle cache compl&egrave;tement la fen&ecirc;tre parent, la personne visitant
                     le site peut croire qu'il s'agit de la <strong>m&ecirc;me</strong> fen&ecirc;tre. Elle peut &eacute;galement croire que le bouton Pr&eacute;c&eacute;dente ne fonctionne pas et qu'il s'agit d'un bogue propre au navigateur
                     (et elle risque de red&eacute;marrer le navigateur) ou d'un bogue propre au site (et elle risque de changer de site).
                     
                  </p>
                  
                  <p>
                     Ce ph&eacute;nom&egrave;ne est accentu&eacute; chez les malvoyants : les lecteurs d'&eacute;cran ne sont pas en mesure de les informer de la pr&eacute;sence
                     d'une nouvelle fen&ecirc;tre. Les utilisateurs de loupes d'&eacute;cran peuvent avoir beaucoup de mal &agrave; se rendre compte de la pr&eacute;sence
                     d'une nouvelle fen&ecirc;tre et de sa position.
                     
                  </p>
                  
                  <p>
                     C'est pourquoi il est crucial que la personne visitant le site soit inform&eacute;e de l'ouverture d'une nouvelle fen&ecirc;tre. Il est
                     clair qu'elle doit en &ecirc;tre inform&eacute;e <strong>avant</strong> son ouverture. 
                     
                  </p>
                  
                  <p>
                     Dans tous les cas, la nouvelle fen&ecirc;tre doit contenir un bouton permettant &agrave; la personne visitant le site de revenir &agrave; la fen&ecirc;tre
                     parent (ou qui la ferme). Ces boutons doivent fonctionner m&ecirc;me si la nouvelle fen&ecirc;tre a d&eacute;sactiv&eacute; les boutons standard du
                     navigateur.
                     
                  </p>
                  
                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>