  <html> <head> <LINK REL="SHORTCUT ICON" HREF="LOGOS3/icone.gif"> <title>[uZine 3] La lecture facile  l'cran</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="spip_style.css" type="text/css" />   <style>   .cadreblanc { padding:5px; color: #aaaaaa;}  .cadrebleu { background-color: #FFC000; padding:5px; color: #000000; border-bottom: 1px dashed #666666}  .cadrespip{ background-color: #cccccc; padding:5px; color: #1A237D; }   .cadregris { background-color: #FEF6DF; cursor: pointer; padding:5px; color: #333333; }   .aveccadre { border: 1px dashed #cccccc;  padding:5px; cursor: pointer;}   .aveccadregris { border: 1px dashed #cccccc;  padding:5px; cursor: pointer; background-color: #f3f3f3}   .sanscadre { border: 1px dashed #ffffff;  padding:5px;}   .decaler { margin-left: 8px; }   .decaler:first-line {margin-left: -8px;}   .blancblanc { color: #ffffff;  padding:5px;}    </style>  <script language="JavaScript" type="text/javascript"> function changeclass(objet, myClass) {    objet.className = myClass; } </script>   </head> <body bgcolor="#FFFFFF" text="#000000" link="#EB5514" vlink="#666666" alink="#FF9900" TOPMARGIN="0" LEFTMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">   <br><br><br>  <center> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr> <td width="130" valign="top" align="center"> 	<div class="blancblanc" onMouseOver="changeclass(this,'cadreblanc')" onMouseOut="changeclass(this,'blancblanc')" onClick="document.location='rubrique187.html'"> 	<a href="./"><img src="LOGOS3/uzine.gif" alt="uZine" width="130" height="139" border="0"></a> 	<br><font face="verdana, arial,helvetica,sans-serif" size=2><b>Retour au sommaire</b></font> 	</div> </td> <td width="120" align='right'> 	 </td> <td> 	<table cellpadding="0" cellspacing="0" border="0" width="500"> 	<tr width="500"> 	 	<td width="125" valign="top" align="center" style="background-image: url(LOGOS3/fond-trame.gif) ;" class="aveccadre" onMouseOver="changeclass(this,'aveccadregris')" onMouseOut="changeclass(this,'aveccadre')" onClick="document.location='secteur53.html'">	<a href='secteur53.html'><img src='IMG/rubon53.gif'  name='image1'  border='0' ALT='' hspace='3' vspace='3' class='spip_logos'></a> 	<br><font face="verdana, arial,helvetica,sans-serif" size=2><b><a href="secteur53.html">Web indpendant, Web citoyen</a></b></font> 	</td> 	 	<td width="125" valign="top" align="center" class="sanscadre" onMouseOver="changeclass(this,'aveccadregris')" onMouseOut="changeclass(this,'sanscadre')" onClick="document.location='secteur60.html'">	<a href='secteur60.html'><img src='IMG/rubon60.gif'  name='image2'  border='0' ALT='' hspace='3' vspace='3' class='spip_logos'></a> 	<br><font face="verdana, arial,helvetica,sans-serif" size=2><b><a href="secteur60.html">Cyber-conomie mon amour</a></b></font> 	</td> 	 	<td width="125" valign="top" align="center" class="sanscadre" onMouseOver="changeclass(this,'aveccadregris')" onMouseOut="changeclass(this,'sanscadre')" onClick="document.location='secteur69.html'">	<a href='secteur69.html'><img src='IMG/rubon69.gif'  name='image3'  border='0' ALT='' hspace='3' vspace='3' class='spip_logos'></a> 	<br><font face="verdana, arial,helvetica,sans-serif" size=2><b><a href="secteur69.html">Internet & Journalisme</a></b></font> 	</td> 	 	<td width="125" valign="top" align="center" class="sanscadre" onMouseOver="changeclass(this,'aveccadregris')" onMouseOut="changeclass(this,'sanscadre')" onClick="document.location='secteur54.html'">	<a href='secteur54.html'><img src='IMG/rubon54.gif'  name='image4'  border='0' ALT='' hspace='3' vspace='3' class='spip_logos'></a> 	<br><font face="verdana, arial,helvetica,sans-serif" size=2><b><a href="secteur54.html">Pressions & rpression</a></b></font> 	</td> 	 	</tr> 	<tr> 	 	<td colspan=2> 	<font face="verdana, arial,helvetica,sans-serif" size=2> 	 	 	<div style="padding-top: 2px; padding-bottom: 2px; margin-left: 0 ; border-left: dashed 1px #cccccc; border-bottom: dashed 1px #cccccc;" class="cadreblanc" onMouseOver="changeclass(this,'cadregris')" onMouseOut="changeclass(this,'cadreblanc')" onClick="document.location='rubrique63.html'"><img src="LOGOS3/puce.gif" alt="&gt;" width="8" height="11" border="0"> <b><a href='rubrique63.html'>Le coin des dbutants</a></b></div>	 	<div style="padding-top: 2px; padding-bottom: 2px; margin-left: 10 ; border-left: dashed 1px #cccccc; border-bottom: dashed 1px #cccccc;" class="cadreblanc" onMouseOver="changeclass(this,'cadregris')" onMouseOut="changeclass(this,'cadreblanc')" onClick="document.location='rubrique187.html'"><img src="LOGOS3/puce.gif" alt="&gt;" width="8" height="11" border="0"> <b><a href='rubrique187.html'>Quand c'est beau, c'est plus joli</a></b></div>	 	 	</font> 	</td> 	 	</tr> 	</table> </td> </tr></table>  <br><br><br>  <table cellpadding="0" cellspacing="0" border="0" width="750">  <tr width=100%> <td width="100%" colspan=3 align="right">   	<font face="verdana, arial,helvetica,sans-serif"> 	<div style="font-size: 16px; line-height: 16px; margin-bottom: 5px;"> 	Prsenter des textes longs sur le Web 	</div> 	<div style="font-size: 26px; line-height: 26px; color: #999999;"> 	<b>La lecture facile  l'cran</b> 	</div> 	 	<div style="font-size: 12px; line-height: 12px; margin-top:10px; font-variant: small-caps;"> 	<A HREF="mailto:arno@scarabee.com">ARNO*</A> 	</div> 	<div style="font-size: 12px; line-height: 12px; margin-top:10px;"> 	jeudi 4 juillet 2002 	</div> 	 	</font> </td> 		 		 			<td valign='top'><div style="margin-left: 20px; padding-left: 10px; border-left: dashed 1px #aaaaaa;"><img src='IMG/arton1738.jpg'  name='image5'  border='0' ALT='' hspace='3' vspace='3' class='spip_logos'></div></td> 			 </tr> </table> 	<br><br><br><br>  <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr> <td width="200" valign="top">   	<font face="verdana, arial,helvetica,sans-serif" size="1">  	<div align="center"> 	<img src="NAVNAV/imprim.gif" alt="IMPRIMER" width="44" height="43" border="0"><BR> 	<A HREF="imprimersans.php3?id_article=1738">IMPRIMER</A>  	<BR><FONT SIZE=1><A HREF="imprimer.php3?id_article=1738">imprimer avec les forums</A></FONT> 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	 	</div> 	<br><br><br>   	 	  	<br><div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 	<b>DANS LA MME RUBRIQUE&nbsp;:</b> 	</div>   	 	<div  class="cadreblanc" onMouseOver="changeclass(this,'cadregris'); article1785.src='LOGOS3/puce.gif'" onMouseOut="changeclass(this,'cadreblanc'); article1785.src='NAVPICS/rien.gif'" onClick="document.location='article1785.html'">	<img src="NAVPICS/rien.gif" name="article1785" alt="&gt;" width="8" height="11" border="0">20 ao&ucirc;t 2002 	<div style='margin-left: 8px;'><b><a href="article1785.html">Voyage dans la tour de Babel du net</a></b></div> 	</div> 	 	<div  class="cadreblanc" onMouseOver="changeclass(this,'cadregris'); article1802.src='LOGOS3/puce.gif'" onMouseOut="changeclass(this,'cadreblanc'); article1802.src='NAVPICS/rien.gif'" onClick="document.location='article1802.html'">	<img src="NAVPICS/rien.gif" name="article1802" alt="&gt;" width="8" height="11" border="0">31 juillet 2002 	<div style='margin-left: 8px;'><b><a href="article1802.html">Petit guide typographique  l'usage de l'internet</a></b></div> 	</div> 	 	<div  class="cadregris">	<img src="NAVPICS/rien.gif" name="article1738" alt="&gt;" width="8" height="11" border="0">4 juillet 2002 	<div style='margin-left: 8px;'><b><a href="article1738.html">La lecture facile  l'cran</a></b></div> 	</div> 	 	</div> 	 	 	 	</font>  </td> <td width="100"> </td> <td width="450" valign="top" rowspan=2> 	<table cellpadding="0" cellspacing="0" border="0" width="100%"> 	<tr><td  width="100%"> 	<b><font face="verdana,arial,helvetica,sans-serif" color="#666666"> 	 	</b></font> 	</td></tr></table> 	  	   	<font face="georgia,times,serif"> 	<p class='spip' align='justify'> &nbsp;<h3 class="spip"> Dirty Old Town... </h3><br>  </p> <p class="spip" align='justify'>Sur certaines listes de diffusion, il est un phnomne rgressif qui consiste  revenir en permanence sur les mmes vieux sujets, et cela malgr les annes qui passent. Parmi ces sujets, une question revient  intervalles rguliers sur les listes consacres  la publication sur l'internet&nbsp;: <i class="spip">peut-on lire  l'cran&nbsp;?</i> Ou, plus prcisment&nbsp;: <i class="spip">peut-on lire des textes longs  l'cran&nbsp;?</i> </p> <p class="spip" align='justify'>Pour des textes courts, la question ne se pose pas. Pour les textes longs, cela semble passionner les foules, puisque le sujet revient rgulirement et qu'il favorise les bonnes grosses engueulades et la constitution de chapelles&nbsp;;  certains sites Web dploient mme des procds tellement tordus pour prsenter les textes qu'ils trahissent cette ide trs rpandue que, h ben non, on ne peut pas lire de textes longs  l'cran. Un article de journal  la rigueur, une double page du <i class="spip">Monde diplomatique</i> dj moins, un livre certainement pas... </p> <p class="spip" align='justify'>Dans ses &nbsp;<a href="http://www.lergonome.com/dev/pages/article_11.asp" class="spip_out">Quelques recommandations pour la rdaction de contenus Web</a>&nbsp;, Christian Bastien indique&nbsp;: &nbsp;De plus les internautes ne semblent pas aimer le dfilement des pages longues. Cela implique que les contenus doivent tre courts et bien organiss, l'information importante devant tre prsente en haut des pages.&nbsp; On devra le croire sur parole. </p> <p class="spip" align='justify'>Une telle affirmation repose sur deux autres ides, mais n'en dcoule qu'apparemment&nbsp;: <b class="spip">(1)</b> &nbsp;Sur le Web, 79% des lecteurs aurait une lecture de type "balayage"&nbsp; (dfinit ainsi&nbsp;: &nbsp;qui consiste  parcourir le texte afin de savoir si une information est prsente ou pour localiser une information dont on sait qu'elle fait partie du texte&nbsp;), <b class="spip">(2)</b> &nbsp;La lecture sur cran serait plus lente de 25% comparativement  la lecture papier&nbsp; (mme rfrence). Cela ne permet pourtant pas conclure que les utilisateurs ne lisent pas les textes longs  l'cran (ce que suggrerait le fait que la lecture est ralentie, et que finalement, les lecteurs survolent les textes plutt que de les lire). </p> <p class="spip" align='justify'>Il ne faut en effet pas s'tonner que prs de 80% des lecteurs survolent les pages&nbsp;: mme les utilisateurs les plus austres utilisent aussi le Web pour se divertir, surtout une bonne partie du temps en ligne est pass  rechercher une information pertinente, c'est--dire du temps o l'on survole les textes pour voir si c'est le bon document, ou s'il contient des liens vers le document recherch. Le chiffre d'une lecture 25% plus lente est prsent au conditionnel&nbsp;: s'agissait-il d'utilisateurs habitus  l'cran ou non (les utilisateurs de l'internet progressent trs vite dans les techniques d'utilisation du rseau), quelle tait la qualit de l'affichage (si cela vient d'une tude de 1996, on tait en phase de transition de Mosac au premier Netscape, la largeur des crans grand public atteignaient rarement les 800 pixels...)&nbsp;? </p> <p class="spip" align='justify'>Or,  moins de prendre les autres pour plus cons que soi, il faut bien admettre que les gens lisent de longs textes  l'cran. Je me suis cogn la semaine dernire les 200 pages d'un livre au format PDF en une soire&nbsp;; ct boulot, un auteur m'a retourn les 440 pages d'preuves de son livre en fichier PDF annot  l'cran&nbsp;; sur uZine les articles les plus longs ont des forums pas moins actifs que les articles courts&nbsp;; j'ai lu <i class="spip">Le diable au corps</i> intgralement sur le Web (et je me suis beaucoup ennuy)&nbsp;; et pendant les vacances, j'ai relu <i class="spip">La mtamorphose</i> sur un Palm Pilot. Bref, si j'en crois mon exprience personnelle, on peut parfaitement lire des textes longs  l'cran. La question est donc rgle (fin de l'article). </p> <p class="spip" align='justify'>Cependant, certaines interfaces rendent trs pnible la lecture  l'cran. Voici donc quelques ergotages d'ordre typographique  ce sujet... </p> <p class="spip" align='justify'> &nbsp;<h3 class="spip"> Des &nbsp;rgles&nbsp; typographiques en gnral </h3><br>  </p> <p class="spip" align='justify'>Il y a peu de meilleurs sujets que la typographie pour provoquer un bon tripage dans les forums. Essayons donc de clarifier ce que sont des &nbsp;rgles&nbsp; typographiques...  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">La lisibilit</b> </p> <p class="spip" align='justify'>L'une des tches de la typographie, c'est de fournir des indications permettant d'assurer la lisibilit des textes. </p> <p class="spip" align='justify'>La lisibilit n'est pas une caractristique intrinsque du document. Il n'y a pas, ou presque, de rgles scientifiques qui assurent qu'un texte est lisible&nbsp;; il y a avant tout un rapport avec le lecteur, qui pourra lire le document plus ou moins aisment en fonction de ses propres habitudes de lecture,  la fois sur la forme (habitude de telles polices, de telle faon de prsenter le texte) et sur le fond (tel vocabulaire, telles tournures syntaxiques, etc.). Le nombre &nbsp;3,1415&nbsp; est plus facile  lire que le nombre &nbsp;4,7489&nbsp;, le mot &nbsp;kilomtre&nbsp; est identifi plus vite que le mot &nbsp;oculomtre&nbsp;&nbsp;; graphiquement aucunes diffrences, mais les uns sont connus du lecteurs, et pas les autres. Dans la mme logique, les Franais lisent plus facilement les caractres  empattements (Garamond, Times...), car tous les imprims utilisent ces caractres depuis des sicles, alors que les Amricains prfrent souvent les linales (&nbsp;caractres bton&nbsp;, type Helvetica), et longtemps en Allemagne les ouvrages taient imprims en caractres gothiques considrs ailleurs comme totalement illisibles. </p> <p class="spip" align='justify'>Puisque la lisibilit dpend peu du document lui-mme, mais bien plus du lecteur auquel il est prsent, le rle des rgles typographiques va donc consister  rpertorier une base d'habitudes communes au plus grand nombre et, cette <i class="spip">norme d'usage</i> devenant des <i class="spip">rgles</i>, fixer en retour les habitudes des lecteurs suivants. </p> <p class="spip" align='justify'>Ainsi le respect des normes fluidifie la lecture, car on prsente au lecteur un document ayant une forme  laquelle il est habitu. Le non-respect ralentit la lecture, provoque des arrts. On pourrait comparer  l'orthographe&nbsp;: on peut lire un texte cri en fontik, ou bourrs de ftes d'aurthografe&nbsp;; mais dans ce cas, la lecture n'est pas rapide, elle demande un effort (on ne lit pas, on dchiffre). De fait, le non-respect des rgles peut parfaitement tre un choix lgitime&nbsp;: on veut volontairement attirer l'attention et ralentir la lecture. Dans le cas de textes longs, videmment, on prfrera certainement faciliter et fluidifier la lecture, donc respecter les normes typographiques. </p> <p class="spip" align='justify'>Les rgles typographiques, en grande partie lies  des habitudes de lecture, ne sont donc pas des absolus&nbsp;: elles voluent avec la norme commune. Exemple d'volution rcente&nbsp;: les acronymes s'crivaient il n'y a pas si longtemps en sparant les lettres par des points (&nbsp;O.N.U.&nbsp;, &nbsp;S.I.D.A.&nbsp;)&nbsp;; dsormais l'usage gnralis est d'crire simplement &nbsp;ONU&nbsp; et &nbsp;SIDA&nbsp; - &nbsp;SIDA&nbsp; devenant progressivement un nom propre, &nbsp;Sida&nbsp;, puis un nom commun, &nbsp;sida&nbsp;.  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">L'esthtique</b> </p> <p class="spip" align='justify'>videmment, la typographie joue aussi un rle esthtique. Inutile de dvelopper, c'est une vidence. Le but du jeu tant de tenter l'quilibre subtile entre l'tonnement graphique et le respect de la lisibilit du texte, ou bien de savoir quand dtruire la lisibilit par le graphisme pour obtenir tel effet.  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Les impratifs techniques</b> </p> <p class="spip" align='justify'>La typographie dpend normment d'impratifs purement techniques. </p> <p class="spip" align='justify'>Pour exemple, on voit rgulirement des forums s'enflammer pour savoir s'il faut mettre des accents sur les majuscules. Difficile cependant ici de s'affranchir des questions techniques... L'Imprimerie nationale recommande d'accentuer les majuscules (car en franais, les accents influent sur le sens des mots)&nbsp;; les ouvrages de littrature gnrale ont donc gnralement des majuscules accentues. Cependant, longtemps, les machines  crire n'avaient pas de touches pour accentuer les majuscules&nbsp;; donc l'absence de majuscules accentues est devenue une habitude. De plus, dans les journaux, l'interlignage trs faible (la distance verticale entre chaque ligne) interdit d'accentuer les majuscules (sinon, on risque de &nbsp;mordre&nbsp; sur la ligne du dessus en ajoutant un signe au-dessus d'une lettre qui est dj plus haute que les autres)&nbsp;; donc les journaux n'accentuent pas les majuscules. On en arrive mme  la rgle du quotidien <i class="spip">Le Monde</i>, prsente parfois avec une belle dfrence religieuse (la typographie du <i class="spip">Monde</i> fait rfrence, vu que c'est le quotidien de rfrence, CQFD)&nbsp;: on n'accentue pas les lettres majuscules, mais on peut accentuer les petites capitales qui suivent la lettrine&nbsp;; en effet, les petites capitales tant  peine plus hautes que les minuscules du texte courant, on peut se permettre de les surmonter d'un signe supplmentaire sans &nbsp;mordre&nbsp; sur la ligne suprieure. On voit l qu'un des affrontements les plus frquents sur une question typographique, o chacun prend des postures d'un absolutisme sidrant, est de toute faon souvent tranch par des impratifs techniques. </p> <p class="spip" align='justify'>Pour la lecture  l'cran, ces impratifs techniques sont videmment trs importants (par exemple&nbsp;: le dessin d'une lettre  l'cran a une dfinition d'au mieux une centaine de points  pouce, alors qu'une flasheuse de presse monte  2400 points par pouce&nbsp;; la diffrence de finesse dans le dessin de la lettre influe videmment sur la lecture). </p> <p class="spip" align='justify'> &nbsp;<h3 class="spip"> La couleur et le contraste </h3><br>  </p> <p class="spip" align='justify'>La lecture est plus aise si le dessin de la lettre sur le fond est trs contrast. C'est--dire qu'il convient de privilgier le texte noir sur fond blanc ou le texte blanc (ou jaune vif, ou vert vif...) sur fond noir. Si, pour la navigation et des textes courts, de faibles contrastes de couleurs entre le fond et le texte sont parfaitement utilisables, pour des textes longs, il vaut mieux rechercher un contraste maximum. </p> <p class="spip" align='justify'>Dans la mme logique, il faudra faire attention au choix d'un ventuel fond de page (<tt>background</tt>). Deux problmes classiques&nbsp;: les images de fond elles-mmes trop constrastes, et les images trop &nbsp;vivantes&nbsp; (mme peu constrates en couleurs, mais qui crent des mandres graphiques dans lesquelles l'oeil s'gare). </p> <p class="spip" align='justify'>Notons ici, cependant, un avantage sur le papier&nbsp;: sur papier, en dehors des quatre couleurs de base (les encres noir, magenta, cyan, jaune), toutes les autres couleurs sont des combinaisons de ces quatre encres, avec une trame. Par exemple, pour obtenir un gris moyen, on imprime une succession de points noirs (minuscules) spars par des espaces laisss blancs&nbsp;; si l'on regarde de prs, un gris d'imprimerie est donc un mlange de points noirs et d'espaces blancs. De fait, sur papier, l'utilisation des couleurs claires provoque une perte de dfinition, qui peut devenir pnible, surtout dans de petits caractres (imprimez chez vous un texte en gris  50%, en corps 10, la lecture sur papier devient pnible). Sur un cran d'ordinateur, il n'y a jamais ces effets de trame lis au choix des couleurs. Un texte en gris  50%,  l'cran, ne perdra pas en dfinition&nbsp;; en dehors de la question du contraste entre le fond et le texte (commun  l'cran et au papier), la lisibilit ne sera pas dtriorie par le choix de cette couleur. </p> <p class="spip" align='justify'> &nbsp;<h3 class="spip"> La longueur des lignes </h3><br>  </p> <p class="spip" align='justify'>Autre sujet d'tripages violents&nbsp;: le webmestre doit-il imposer la largeur du texte  l'cran, grce notamment  l'utilisation de tableaux en HTML, ou bien doit-il laisser la largeur des colonnes s'adapter  la largeur de l'cran&nbsp;? </p> <p class="spip" align='justify'>Pour rpondre, nous voquerons l'une des rares rgles typographiques lies  un impratif scientifique (c'est--dire qui soit autre chose qu'une simple habitude de lecture). Pour qu'un texte reste lisible, il faut que le nombre de caractres par ligne ne soit ni trop faible ni trop important&nbsp;; l'idal tourne autour de 60 caractres par ligne.  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Des lignes trop longues</b> </p> <p class="spip" align='justify'>La lecture n'est en effet pas squentielle&nbsp;: l'oeil ne lit pas les mots les uns  la suite des autres. Au contraire, l'oeil effectue des aller-retour incessants au fil du texte&nbsp;: une des raisons est qu'un bon lecteur ne lit pas l'intgralit des lettres des mots, il lit les premires lettres et, en fonction du contexte et de la forme gnrale du mot, le cerveau reconstitue le sens&nbsp;; cependant, en permanence, il faut revenir en arrire pour complter certains mots dont le sens n'a pu tre devin et lever les ambiguts. Ainsi, lors de la lecture, l'oeil effectue en permanence des aller-retour  l'intrieur de la phrase, et donc d'une ligne de texte  l'autre. Si les lignes sont trop longues (en gros, plus de 80 caractres par ligne), l'oeil &nbsp;se perd&nbsp; lors du passage d'une fin de ligne au dbut de la suivante (et inversement lorsqu'il revient en arrire), et la lecture est rendue trs pnible.&nbsp;[<a href='#nb1' name='nh1' class='spip_note'>1</a>] </p> <p class="spip" align='justify'>Les habitudes du lecteur ne sont pas exclues de ces considrations. Le lecteur &nbsp;attend&nbsp; d'un journal des lignes trs courtes (26 caractres par ligne), moyennes pour un magazine (40 caractres), longues pour un livre (60 caractres et plus). </p> <p class="spip" align='justify'>De fait, les crans d'ordinateur n'tant plus de largeur fixe (certains ont certainement connu l'poque o l'on choisissait son cran en fonction du nombre de caractres par ligne - ma premire bcane affichait piteusement 40&nbsp;colonnes), et leur dfinition tant de plus en plus importante, c'est au webmestre de fixer,  l'intrieur de sa page HTML, la largeur sur laquelle va s'afficher le texte. </p> <p class="spip" align='justify'>En taille normale (<tt>&lt;font size=&quot;3&quot;&gt;</tt>), une largeur d'environ 400 pixels correspond  environ 80 caractres. (Calcul trs approximatif, le chiffre varie en fonction du caractre affich chez l'utilisateur - le caractre Georgia est plus large que le Times&nbsp;-, et du rglage de la taille d'affichage.)  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">L'absence de csure</b> </p> <p class="spip" align='justify'>Lie  la longueur des lignes, la question de la justification et des csures. Pour l'heure, aucun navigateur n'autorise la csure automatique des mots. Or la csure est indispensable  un bon affichage des lignes courtes lorsque le texte est justifi (ce qu'en bureautique on appelle &nbsp;justifi  droite et  gauche&nbsp;), par exemple dans les colonnes d'un journal papier. Sans cette csure, cela force  tirer certains blancs entre les mots, dans des proportions prjudiciables  la lecture. Il y a l deux phnomnes&nbsp;: sur les justifications trs faibles (type colonne de journal), des blancs trs importants peuvent apparatre (parfois plus larges que certains mots), ce qui non seulement est hideux mais rompt l'horizontalit de la lecture (on a tendance  changer de ligne)&nbsp;; l'autre phnomne concerne les largeurs de texte moyennes&nbsp;: les blancs sont moins importants que prcdemment, mais leur prsence  chaque ligne et leur rpartition provoquent l'apparition de lignes blanches qui traversent le texte verticalement, ce qui est disgrcieux et entrane l'oeil dans des &nbsp;couloirs&nbsp; verticaux. </p> <p class="spip" align='justify'>De fait, on devra choisir le mode d'alignement du texte en fonction de la largeur des colonnes. En taille normale, avec une largeur d'environ 400 pixels, on pourra utiliser la justification (<tt>&lt;p align=&quot;justify&quot;&gt;</tt>). Pour des largeurs trs infrieures, on se contentera d'un alignement d'un seul ct (texte <i class="spip">en drapeau</i>). </p> <p class="spip" align='justify'> &nbsp;<h3 class="spip"> La verticalit de la page </h3><br>  </p> <p class="spip" align='justify'>Si l'on a l'habitude de lire sur papier en tenant les feuilles verticalement (et non &nbsp; l'italienne&nbsp;), cela semble poser des problmes  certains lorsqu'il s'agit du Web. En particulier, devoir utiliser l'onglet de dfilement de droite pour &nbsp;drouler&nbsp; la page serait rdibitoire. Peut-tre aussi parce que le CD-ROM (qui a prcd le Web dans les habitudes du multimdia) tait gnralement conu en crans, donc selon un format horizontal. Peut-tre aussi parce qu'un article antdiluvien de 1982, &nbsp;Windowing versus scrolling on a visual dispay terminal&nbsp; (<i class="spip">Human Factors</i>, 24[4], de K.F.&nbsp;Bury, J.M.&nbsp;Boyle et A.S.&nbsp;Neal), affirmait la supriorit du fentrage par crans sur le dfilement ( quoi pouvait bien ressembler l'ergonomie du dfilement sur un cran d'ordinateur en 1982&nbsp;?). </p> <p class="spip" align='justify'><img src='IMG/jpg/doc-447.jpg' border=0 width='145' height='350' align='right' hspace='5' vspace='3'>On trouve donc de nombreux sites qui dcoupent les textes longs en crans, et d'incessantes dclarations sur l'absolue impossibilit de faire utiliser par le grand public les ascenseurs de dfilement vertical. Mme si les souris dotes d'une molette de dfilement vertical, permettant de ne plus avoir  cliquer pendant la lecture, sont de plus en plus rpandues... </p> <p class="spip" align='justify'>Dcouper les textes en crans successifs est  mon avis  exclure (mme si cela se fait beaucoup). D'abord parce qu'il est impossible de dterminer facilement la taille d'un &nbsp;cran&nbsp; de texte chez l'utilisateur&nbsp;: les crans d'ordinateur sont de toutes tailles et de toutes dfinitions, et chacun affiche les caractres selon la taille qu'il dsire. Impossible donc de dfinir comment remplir prcisment un cran avec un nombre prdfini de caractres. Sauf  recourir  des techniques extrmement sophistiques (voir par exemple la prsentation des articles de l'<i class="spip"><a href="http://www.iht.com/" class="spip_out">International Herald Tribune</a></i>, aux scripts incroyablement tarabiscots). Ensuite, parce que cela nuit  la lecture continue du texte&nbsp;: non seulement l'oeil passe inconsciemment d'une ligne  l'autre d'une manire non squentielle, de plus le lecteur lui-mme a souvent besoin de &nbsp;remonter&nbsp; de quelques paragraphes pour comprendre ce qu'il est en train de lire. Avec un dcoupage par crans, cela devient pnible. </p> <p class="spip" align='justify'>Il serait cependant malhonnte de prtendre qu' l'inverse la lecture d'une longue page verticale (haute de plusieurs crans) ne pose aucun problme. On a tendance  perdre sa position verticale dans la page (ce qui est moins le cas dans un livre-papier, puisqu'on a une position verticale tablie par rapport aux bords de la page). Un simple moment d'inattention, et l'on ne sait plus  quel endroit on en est. Gnralement, le dfilement vertical de la page (via l'ascenseur de la fentre, ou avec la molette de la souris) provoque cette perte du repre vertical&nbsp;: la &nbsp;page&nbsp; se dplace dans la fentre, on ne sait plus  quelle ligne on tait et la lecture est interrompue. </p> <p class="spip" align='justify'>La solution consiste alors  prendre soin de donner des repres de positionnement vertical au lecteur. Cela est vrai pour n'importe quel imprim (notamment les hautes colonnes verticales des journaux), il faut l'amplifier sur le Web. Plusieurs repres classiques sont possibles.  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Le graphisme de la page</b> </p> <p class="spip" align='justify'>Le graphisme gnral de la page peut fournir des repres verticaux. Notamment les boutons, les liens hypertexte de navigation... mais il est difficile d'en crer suffisamment pour un texte trs long. </p> <p class="spip" align='justify'>Une erreur  viter avec les textes longs&nbsp;: les images de fond fixes en position absolue. Notamment avec les feuilles de style, il est possible de crer des fonds (<tt>background</tt>) qui ne se dplacent pas avec les ascenseurs de dfilement, mais restent dans une position absolue dans le fentre. Le texte dfile, le fond semble rester sur place. L'effet est dsastreux sur la lecture&nbsp;: l'oeil reste fix sur le fond, et le dplacement vertical du texte lui chappe. </p> <p class="spip" align='justify'>Il semble que des lments de navigation trop anims en bordure du texte puissent perturber l'attention. Un texte long serait ainsi plus facile plac dans une interface graphique sobre.  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Les images, les liens hypertexte</b> </p> <p class="spip" align='justify'>Il est indispensable d'introduire des repres visuels forts dans le texte. De cette faon, lors du dfilement vertical du texte, l'oeil se replace immdiatement au bon endroit (&nbsp;j'en tais rest trois lignes en dessous de tel repre&nbsp;). </p> <p class="spip" align='justify'><img src='IMG/gif/doc-445.gif' border=0 width='184' height='117' align='right' hspace='5' vspace='3'>Les images insres dans le texte sont ici particulirement efficaces. Difficile de passer  ct de tels repres visuels... Si l'on n'a pas d'images pour illustrer son propos, on peut aussi recourir  ce procd typique de la presse&nbsp;: un pav de texte mis en exergue (sur le Web, on peut prfrer crer une image de ce texte, ce qui facilite le contrle de son aspect graphique et son insertion dans le corps de l'article). </p> <p class="spip" align='justify'>Ne pas oublier non plus les liens hypertexte  l'intrieur du texte, si possible dans des couleurs bien tranches par rapport au texte. Visuellement, ils fournissent d'excellent repres, qui permettent  l'oeil de bien suivre le dfilement vertical. Si l'on peut trs bien supprimer le soulignement des liens hypertexte, on peut prfrer le conserver pour les textes longs, pour renforcer leur impact visuel. </p> <p class="spip" align='justify'>Les enrichissements typographiques (gras, italique) peuvent jouer un rle similaire. </p> <p class="spip" align='justify'><blockquote> &nbsp;On pourra aussi rappeler la balise HTML <tt>&lt;blockquote&gt;</tt>, pour <i class="spip">bloc de citation</i>, qui permet de prsenter une longue citation sous forme d'un pav de texte avec retraits  gauche et  droite, excellent repre visuel.&nbsp;  </blockquote>  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Structure du texte</b> </p> <p class="spip" align='justify'>Cependant, on n'a pas forcment une grande libert avec les images, les liens hypertexte et les enrichissements typographiques (on ne les place pas l pour attirer l'oeil, mais selon le sens de ce qui est crit). </p> <p class="spip" align='justify'>Il reste donc  s'attacher  une bonne structuration du texte. Notamment par l'usage d'intertitres et un bon quilibrage des paragraphes. </p> <p class="spip" align='justify'>videmment, le rle des intertitres et des paragraphes est d'abord celui d'une indication de la logique du texte. Mais il ne faut pas ngliger leur aspect graphique, trs important ici&nbsp;: des intertitres trs diffrencis du texte et des paragraphes rythment la verticalit de la page&nbsp;; les espaces qu'ils provoquent se dplacent avec le dfilement de la page et permettent  l'oeil de bien suivre ce dplacement. </p> <p class="spip" align='justify'>Un texte constitu d'un interminable et trs long paragraphe tmoigne non seulement d'une mauvaise rflexion, surtout il est proprement illisible  l'cran. Ds que l'on fait dfiler la page verticalement, l'oeil est incapable de retrouver l'endroit o il avait laiss la lecture. </p> <p class="spip" align='justify'>De la mme faon, un texte aux paragraphes trop courts (une srie de paragraphes d'une seule phrase, c'est--dire d'une ou deux lignes) n'offre pas de repre visuel clair. </p> <p class="spip" align='justify'>On peut ici s'attarder sur la prsentation des paragraphes. La mthode classique pour prsenter un paragraphe est de passer  la ligne et de laisser un retrait dans la premire ligne (en bureautique, souvent nomme &nbsp;indentation&nbsp;)&nbsp;; l'identification des paragraphes se fait donc essentiellement sur la gauche du texte, avec des retraits qui provoquent des sortes d'encoches le long du texte. L'autre mthode consiste  laisser un espace vertical entre les paragraphes (ce qui amne souvent  crer des paragraphes en &nbsp;sautant&nbsp; une ligne). Sur le Web, par dfaut, c'est la seconde mthode qui est utilise. Avec les feuilles de style, dsormais, on peut choisir l'une et/ou l'autre mthode. Il semble que l'espace vertical entre les lignes soit la meilleure faon d'utiliser les paragraphes comme repres visuels, ces espaces importants rythmant fortement la page&nbsp;: d'aprs un tude de S.L. Smith et M.E. McCombs (&nbsp;The graphics of prose&nbsp;, <i class="spip">Journalisme Quaterly</i>, 48, 1971), l'insertion des lignes vides entre les paragraphes acclre grandement la lecture. </p> <p class="spip" align='justify'>voquons au passage une habitude dtestable trs dveloppe sur le Web&nbsp;: le simple retour  la ligne (le <tt>&lt;br&gt;</tt> du HTML). C'est un double non-sens. D'abord dans la logique du texte&nbsp;: on change de paragraphe parce qu'on change d'ide&nbsp;; de fait, soit on change de paragraphe, soit on ne change pas de paragraphe, mais il n'y a aucune raison dans la logique d'un texte pour qu'on fasse un retour  la ligne. De plus, on obtient un &nbsp;non-effet&nbsp; typographique, car le retour  la ligne est quasiment imperceptible (on n'a ni espace vertical, ni retrait  gauche de la ligne). Et pour un texte long, on se retrouve avec un texte qui n'offre aucun repre visuel.  part quelques textes techniques, le retour  la ligne ne se justifie gnralement que pour la posie, et pour introduire un dialogue (avec un tiret). </p> <p class="spip" align='justify'> &nbsp;<h3 class="spip"> Les enrichissements typographiques </h3><br>   </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Le gras</b> </p> <p class="spip" align='justify'>Le gras,  l'cran, ne pose pas de gros problmes de lisibilits. </p> <p class="spip" align='justify'>Appliqu  un texte long, il rend cependant la lecture un peu pnible (on trouve des textes trs longs entirement en gras, cela est peu agrable  lire). Comme toujours, il s'agit d'une question d'habitude&nbsp;: on a l'habitude de lire les textes selon une certaine graisse, donc l'usage d'une graisse diffrente (le gras) nuit  la lisibilit. </p> <p class="spip" align='justify'>On notera aussi que le webmestre ne dispose pas de toute la richesse qu'offrent les polices pour le papier&nbsp;: il ne dispose que d'un seul gras, l o pour le papier on a le gras, le demi-gras, et parfois des gras encore plus lourds (heavy, extrabold...). Selon les polices, le gras  l'cran sera souvent trop gras  l'intrieur du texte (plus adapt par exemple  des titres), plus rarement il ne sera pas assez gras (donc peu identifiable  l'cran).  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">L'italique</b> </p> <p class="spip" align='justify'>L'italique pose en revanche de trs gros problmes de lisibilit. </p> <p class="spip" align='justify'>Cela est paradoxal, car l'italique fut cr justement pour tre plus lisible que les caractres romains.  une poque o les livres taient rares, et donc les habitudes de lecture fixes par des documents manuscrits, imiter en dition l'criture manuscrite avec ces caractres italiques a permis de raliser des livres considrs comme plus lisibles (toujours cette histoire d'habitude). </p> <p class="spip" align='justify'>Mais aujourd'hui (et depuis longtemps), la lecture se fait sur les caractres romains. L'italique est devenu particulirement pnible  lire. On l'utilise donc par petites touches, pour mettre en valeur quelques mots dans un texte. Si on l'utilise pour composer un paragraphe complet (et, <i class="spip">a fortiori</i>, un long texte), la lecture est extrmement ralentie. </p> <p class="spip" align='justify'>L'affichage  l'cran accentue ce problme. S'il est relativement ais de dessiner des caractres romains  l'cran (caractres constitus essentiellement de trais verticaux et horizontaux, donc faciles  reproduire en plaant des pixels les uns  ct des autres), les caractres italiques sont difficiles  rendre (l'aspect oblique des lignes dominantes, les nombreux dlis, ne peuvent pas tre rendus facilement avec des pixels). </p> <p class="spip" align='justify'>Si le gras ne gne pas beaucoup la lecture  l'cran, l'italique est en revanche trs pnible. Sur papier, l'italique est moins lisible que les caractres romains&nbsp;;  l'cran, il ralentit extrmement la lecture. Au point qu'un texte entirement compos en italique, dj difficile  lire sur papier, devient totalement illisible  l'cran. </p> <p class="spip" align='justify'><table cellpadding=5 cellspacing=0 border=0 align='center'> <tr><td align='center'> <div class='spip_documents'> <img src='IMG/jpg/doc-446.jpg' border=0 width='245' height='331' alt="Impact environnemental - 19.2&nbsp;ko" title="Impact environnemental - 19.2&nbsp;ko"><br><b>Impact environnemental</b><br>Pass  la broyeuse, un texte long produit beaucoup plus de dchets qu'un texte court.</div> </td></tr> </table> </p> <p class="spip" align='justify'> &nbsp;<h3 class="spip"> Les polices de caractre </h3><br>  </p> <p class="spip" align='justify'>Le choix des polices sur le Web est trs limit&nbsp;: il faut travailler avec des polices que tous les utilisateurs possdent. (Sachant que les polices livres avec tous les PC sous Windows ne sont pas celles livres sur les Mac, etc.) </p> <p class="spip" align='justify'>On pourrait presque se rjouir de cette limitation, tant on a vu d'horreurs ralises en bureautique... Au moins, sur le Web, n'importe quelle page reste sobre et lisible de ce point de vue-l. </p> <p class="spip" align='justify'>Cependant, on se retrouve souvent limit au Times et  l'Helvetica (ou Arial). Le problme tant que le Times, conu pour les colonnes troites des quotidiens, se prte mal  la lecture  l'cran&nbsp;: trop troit, oeil trop faible. La lecture d'un texte long,  l'cran, en Times, est  la limite du pnible. </p> <p class="spip" align='justify'>Il faut ici signaler l'un des trs rares apports positifs de Microsoft  l'internet&nbsp;: la mise  disposition d'une srie de polices tlchargeables gratuitement <a href="http://www.microsoft.com/typography/fontpack/default.htm" class="spip_out">sur son site</a>, au format TrueType pour Windows et pour MacOs. On y trouvera en particulier le Verdana (une sans-serif) et le Georgia (avec empattements), qui remplaceront avantageusement l'Helvetica et le Times  l'cran. Ces polices sont en effet spcifiquement dessines pour la lecture  l'cran, sans sacrifier  l'lgance des polices pour l'impression. Elles sont donc trs lisibles  n'importe quelle taille.  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Polices lisses  l'cran</b> </p> <p class="spip" align='justify'>Les systmes rcents permettent de <i class="spip">lisser</i> les polices  l'cran. C'est--dire qu'au lieu d'afficher des lettres constitues uniquement de points noirs, la finesse des lettres est simule par des niveaux de gris. On obtient des affichages des caractres proches de ce qu'on obtiendrait en scannant une page de texte. </p> <p class="spip" align='justify'>Sur les grandes tailles de caractre (au-dessus du corps 14), c'est du plus bel effet. En revanche, sur les petites tailles, la lisibilit est pertube, les caractres tant alors peu dfinis et contrasts (une sorte de bouilliedepixelsgris).Les systmespermettantde lisser les caractres permettent gnralement de fixer une taille limite en-dessous de laquelle on affiche les caractres sans lissage, et au-dessus de laquelle on lisse l'affichage. </p> <p class="spip" align='justify'>Cette option, il y a quelques temps rserve aux professionnels disposant de matriel relativement puissant (utilisation d'ATM et de polices PostScript), est dsormais disponible sur toutes les machines grand public. La lisibilit des pages Web en est grandement amliore.  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;<b class="spip">Taille des caractres</b> </p> <p class="spip" align='justify'>Le choix des tailles de caractres tait jusqu'ici relativement limit sur le Web. </p> <p class="spip" align='justify'>Ici aussi, paradoxalement, on peut se rjouir de ce faible choix&nbsp;: presque toutes les pages de tous les sites taient lisibles. Avec l'arrive des feuilles de style, le webmestre peut beaucoup plus finement contrler la taille des caractres, et il n'est pas rare de tomber sur des sites dont on ne peut plus lire le texte... </p> <p class="spip" align='justify'>Pour faire simple&nbsp;: la taille par dfaut (correspondant  <tt>&lt;font size=&quot;3&quot;&gt;</tt>) est la plus adapte  la composition de textes longs. Ni trop grosse, ni trop petite&nbsp;; c'est selon cette taille (qui n'est donc pas une taille fixe en point, mais une indication relative par rapport  la taille &nbsp;2&nbsp;, plus petite, et la taille &nbsp;4&nbsp;, plus grande) que les utilisateurs rgleront ventuellement leur butineur (l'utilisateur peut dcider que la taille &nbsp;3&nbsp; correspond  un corps 12, ou 14, ou 10...). Ainsi, un texte compos en taille &nbsp;3&nbsp; est le plus lisible pour l'ensemble des utilisateurs. </p> <p class="spip" align='justify'><table cellpadding=5 cellspacing=0 border=0 align='center'> <tr><td align='center'> <div class='spip_documents'> <img src='IMG/gif/doc-448.gif' border=0 width='300' height='261' alt="Bon  savoir - 39.1&nbsp;ko" title="Bon  savoir - 39.1&nbsp;ko"><br><b>Bon  savoir</b><br>Le mcanisme complexe de l'audition n'est par particulirement touch par l'organisation d'une page web, bien que l'oreille interne lie aux fonctions de positionnement dans l'espace joue un rle non ngligeable</div> </td></tr> </table> </p> <p class="spip" align='justify'> &nbsp;<h3 class="spip"> Conclusion </h3><br>  </p> <p class="spip" align='justify'>Au final, la simplicit reste le gage d'une bonne lisibilit. Un texte long ne pose aucun problme de lecture  l'cran, pour peu que l'on se contente des vieilles recettes&nbsp;:  </p> <p class="spip" align='justify'><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;un fort contraste entre le texte et le fond de l'cran, <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;des lignes ni trop longues ni trop courtes, <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;une justification ( droite et  gauche)uniquement lorsque la largeur de la ligne est suffisante, <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;un dcoupage correct des paragraphes, une structure indique par des intertitres, pour fournir des repres visuels lors du dfilement vertical de la page (et ventuellement des images et des liens hypertextes) <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;une utilisation modre du gras et de l'italique <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;un choix de polices de caractres aussi sobre que possible (&nbsp;Georgia, Times, serif&nbsp; pour les polices avec empattements, &nbsp;Verdana, Helvetica, Arial, sans-serif&nbsp; pour les caractres &nbsp;bton&nbsp;) <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;des caractres  la taille standard (<tt>size=&quot;3&quot;</tt>). </p> <p class="spip" align='justify'>videmment, comme pour toute norme typographique, on est bien libre de faire autrement (c'est mme le charme du truc). Cependant, il faut avoir  l'esprit que la lisibilit n'est qu'une affaire d'habitude. Et si l'on droge  ces fameuses habitudes, on provoque un effet graphique certainement trs intressant, mais au dtriment de la facilit de lecture.</p> 	 	<p align="right"><font face="verdana,arial,helvetica"><div style="font-variant: small-caps; text-align: right;"><b><A HREF="mailto:arno@scarabee.com">ARNO*</A></b></div></font> 	 	 	 	</font> </td> </tr> <tr> <td width="200" valign="bottom"> 		<font face="verdana, arial,helvetica,sans-serif" size="1">  		 		<div> 		<div style="margin-left: 0px; border-bottom: solid 1px #666666; border-top: solid 1px #666666; padding-top: 5px; padding-bottom: 5px;"> 		<b>ARNO*</b> 		<br><font color="#666666">Vainqueur 1982 du concours &nbsp;Chateau de sable&nbsp; du Club Mickey des Pingouins  Sainte-Ccile.</font> 		</div> 			 			 			<div  style="padding-top: 1px; padding-bottom: 1px" class="cadreblanc" onMouseOver="changeclass(this,'cadregris');art1937.src='LOGOS3/puce.gif'" onMouseOut="changeclass(this,'cadreblanc');art1937.src='NAVPICS/rien.gif'" onClick="document.location='article1937.html'"> 			<div class="decaler"> 			<img src="NAVPICS/rien.gif" name="art1937" alt="" width="8" height="11" border="0"><a href="article1937.html">Le Canard dnonce des corbeaux et rclame plus de poulets</a> 			</div> 			</div> 			 			<div  style="padding-top: 1px; padding-bottom: 1px" class="cadreblanc" onMouseOver="changeclass(this,'cadregris');art1802.src='LOGOS3/puce.gif'" onMouseOut="changeclass(this,'cadreblanc');art1802.src='NAVPICS/rien.gif'" onClick="document.location='article1802.html'"> 			<div class="decaler"> 			<img src="NAVPICS/rien.gif" name="art1802" alt="" width="8" height="11" border="0"><a href="article1802.html">Petit guide typographique  l'usage de l'internet</a> 			</div> 			</div> 			 			<div  style="padding-top: 1px; padding-bottom: 1px" class="cadreblanc" onMouseOver="changeclass(this,'cadregris');art1791.src='LOGOS3/puce.gif'" onMouseOut="changeclass(this,'cadreblanc');art1791.src='NAVPICS/rien.gif'" onClick="document.location='article1791.html'"> 			<div class="decaler"> 			<img src="NAVPICS/rien.gif" name="art1791" alt="" width="8" height="11" border="0"><a href="article1791.html">Un journaliste du Monde aurait (peut-tre pas) retrouv Ben Laden sur l'internet</a> 			</div> 			</div> 			 			<div  style="padding-top: 1px; padding-bottom: 1px" class="cadreblanc" onMouseOver="changeclass(this,'cadregris');art1687.src='LOGOS3/puce.gif'" onMouseOut="changeclass(this,'cadreblanc');art1687.src='NAVPICS/rien.gif'" onClick="document.location='article1687.html'"> 			<div class="decaler"> 			<img src="NAVPICS/rien.gif" name="art1687" alt="" width="8" height="11" border="0"><a href="article1687.html">L'Internationale Situnaturiste</a> 			</div> 			</div> 			 		 		</div><p> 		 		 	<br><br><br><font face="verdana,arial,helvetica" size=1>[<a href='#nh1' name='nb1' class='spip_note'>1</a>] L'appareil permettant de suivre le trajet de l'oeil lors de la lecture se nomme un oculomtre. Des tests ont t mens sur des visiteurs de sites Web, mais semble-t-il essentiellement dans le but de mesurer l'impact des publicits&nbsp;! Est-ce  ces <a href="http://cybermercatique.free.fr/p79.html" class="spip_out">mesures par oculomtre</a> que l'on doit le dplacement des publicits de la marge de l'cran (grand bandeaux horizontaux) vers le centre de l'cran (gros pavs carrs insrs dans le corps des articles)&nbsp;?</font><br><br><br>  </td> </tr> </table>  <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="300" valign="bottom"></td> <td width="450"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	 	 	 	 	<br><br><br><div align="right"><font size=3><B><A HREF="forum.php3?id_article=1738&amp;retour=article1738.html">R&eacute;pondre &agrave; cet article</A></B></font></div> 	</font> </td></tr></table>   <br><br><br>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran, dsol...</b> 		17 f&eacute;vrier 2003, par <a href="mailto:cyristel@hotmail.com">JoeSat</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">...mais je n'ai pas pus lire ton article jusqu' la fin, malgr ma molette de dfilement et mon courage  deux mains. Habitude d'une lecture en diagonale&nbsp;? </p> <p class="spip">@+</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=292464&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran</b> 		7 janvier 2003, par <a href="mailto:mack@motorhino.com">Mack</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Un fond d'cran blanc fatigue la vue . Cela correspond  l'clairage d'une lampe, en permanence... Que nous serions oblig de fixer, pour lire le texte. </p> <p class="spip">Bon courage . </p> <p class="spip">A+ </p> <p class="spip">mack@motorhino.com</p> 	<p><b><a href="http://www.motorhino.com">thme&nbsp;: Lecture sur le web ." La lecture facile  l'cran"</a></b> 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=289970&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran</b> 		2 octobre 2002, par <a href="mailto:thierry.vohl@online.fr">Thierry</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Comme je donne plusieurs liens, je les cale ici, en esprant que cela passera&nbsp;: </p> <p class="spip">Une @dresse indispensable pour se penser (hihi) sur le problme&nbsp;: </p> <p class="spip">Questions sur la lisibilit http://www.retina-france.asso.fr/lisibilite.html </p> <p class="spip">Pendant qu'on y est&nbsp;:  liens sur la &nbsp;malvoyance&nbsp; http://www.retina-france.asso.fr/liens.html#acces </p> <p class="spip">Directives pour l'accessibilit  aux contenus ouaibes http://www.internet.gouv.fr/francais/guide/w3c/w3c.html </p> <p class="spip">Lisibilit des polices de caractres (l-dessus, mme au rencontres de Lurs/Lure, tout le monde n'est pas encore d'accord). http://dyninfographie.ca.edu&nbsp;:81/discuss/typo/lisible/ </p> <p class="spip">http://www.internet.gouv.fr/francais/guide/w3c/w3c.html#authoring-toolhttp://www.cybertribes.com/lisibilite.html </p> <p class="spip">TyTyPoPo&nbsp;: actuellement une expo aux Silos  Chaumont (52) </p> <p class="spip">T</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=284644&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran</b> 		31 ao&ucirc;t 2002, par <a href="mailto:vlutermano@free.fr">Vilhelmo</a> 		 	</div> 		<div style="padding: 5px"> 	<p>... et si l'on affichait, en marge gauche p.e., une numrotation de lignes (p.e. pour toutes les cinq&nbsp;? 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=283046&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> Culture et typographie</b> 		19 ao&ucirc;t 2002, par <a href="mailto:yannick@imaginet.fr">Yannick</a> 		 	</div> 		<div style="padding: 5px"> 	<p>Vous mentionnez dans votre article que "... les Amricains prfrent souvent les linales..." Comment s'en rendre compte&nbsp;? Absolument tous les ouvrages amricains (plusieurs dizaines y compris The Chicago Manual of Style) qui peuplent mes tagres sont imprims en Times et parfois en Palatino. 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=282450&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> Les petites joies de la molette</b> 		12 ao&ucirc;t 2002, par <a href="mailto:m_lemotdi@mozeclic.org">m_lemotdit</a> 		 	</div> 		<div style="padding: 5px"> 	<p>En effet, la lecture de texte long  l'cran ncessite une culture rdactionnelle. Amusant de penser qu'en fait nous retrouvons la continuit de textes drouls comme c'etait le cas avant l'invention du livre et surtout de l'imprimerie. Il me semble que la lecture  l'cran  fait un bon en avant avec l'arrive sur les souris de la petite molette de dfilement. Exprience tonnante faite par nombre d'entre nous. A peine a-t-on fait dfiler un texte  l'cran du bout des doigts que l'absence de la molette sur une souris ressemble  une amputation. 	<p><b><a href="http://www.mozeclic.org">Clin d'oeil a cet article sur Mozeclic</a></b> 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=282091&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> Les petites joies de la molette</b> 			10 avril 2003 			 		</div> 				<div style="padding: 5px;"> 		<p>Personnelement, je prefere utiliser la touche "espace" dans le cas de texte long. 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=295307&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran, oui mais...</b> 		13 juillet 2002, par <a href="mailto:c.servissolle@wanadoo.fr">Caro</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Bonjour, </p> <p class="spip">En ce qui me concerne, je travaille sur et avec le Web depuis maintenant quelques annes et suis trs familiarise avec les crans et la ralisation de pages web. </p> <p class="spip">De plus, ayant une bibliothque assez fournie et sachant que j'achte plusieurs livres par moi, je me considre comme quelqu'un qui aime vraiment la lecture. </p> <p class="spip">J'ai t trs intresse par votre article, mais... il y a cependant un point qui n'a pas t rellement voqu&nbsp;: le confort. </p> <p class="spip">Personnellement, si je ne lis jamais de textes longs sur un cran, c'est que je trouve qu'on est bien mieux install dans un bon fauteuil pour lire... Et j'ai pourtant un bureau trs confortable&nbsp;! </p> <p class="spip">&nbsp;;-) </p> <p class="spip">En tout cas, bravo pour cet article passionnant&nbsp;!</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279980&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> La lecture facile  l'cran, oui mais...</b> 			18 ao&ucirc;t 2002, par <a href="mailto:">sd</a> 			 		</div> 				<div style="padding: 5px;"> 		<p>Tout  fait d'accord. 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=282419&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		<div style='border-left: dashed 1px #666666;'>  		 		</div>  	 	 	</div> 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> La lecture facile  l'cran, oui mais...</b> 			10 avril 2003 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Je n'ai jamais reussi a lire plus de 3 pages en PDF, alors 200... </p> <p class="spip">Internet est tres pratique pour la recherche d'infos, mais des qu'il faut faire une lecture approfondie.... j'imprime. </p> <p class="spip">Des qu'un article (html ou PDF) est long, je ne pense pas qu'il soit tres "facile" a utilise (retour en arriere / recherche).</p> 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=295308&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>La lecture amne la lecture</b> 		10 juillet 2002, par <a href="mailto:">sigir</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Depuis que je lis plutt beaucoup sur le web, je reprends l'envie de lire des livres. Parce que quelque chose sature en moi&nbsp;: le fait de lire  l'cran ou le fait que je liste surtout des articles&nbsp;? </p> <p class="spip">Je ne sais pas, les 2 sans doute, mais j'ai vraiment l'impression de me reposer en lisant autre chose d'une autre manire. Il faudrait que je compare avec la lecture de revues, mais je sens que l'cran y est pour quelque chose. Il est pourtant paramtr le moins agressif possible.</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279747&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>choisir le navigateur</b> 		10 juillet 2002, par <a href="mailto:">sigir</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Il est important aussi de ne pas aveugler le lecteur avec un fond blanc comme sur ce forum o j'ai l'impression que l'arrire de mon crane bronze  l'intrieur. J'ai pourtant un rglage d'cran trs "doux" qui m'empche de lire de nombreux sites crit bleu fonc sur fond noir. </p> <p class="spip">L'ascenceur&nbsp;: la chose la plus agrable est la barre d'espace pour descendre et maj-barre pour remonter. a marche aussi pour les courriels et les forums, en tous cas, les logiciels que j'utilise. </p> <p class="spip">La police&nbsp;: j'utilise Comic sans MS, c'est une police trs lisible (sauf le gras) et surtout qui ne confond pas le O majuscule avec le zro, ni le 1 avec le i majuscule et/ou le l minuscule. C'est une police courante&nbsp;? </p> <p class="spip">Le navigateur&nbsp;: Opera et Mozilla permettent d'alterner trs facilement entre le style d'origine et le style personnel. Donc fond grisatre et Comic sur cette page&nbsp;:-). Cette possibilit est indispensable quand on lit beaucoup sur le Web.</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279745&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> choisir le navigateur</b> 			25 juillet 2002, par <a href="mailto:pub2@dtext.com">J</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Pour moins souffrir du fond blanc, tu peux augmenter l'clairage derrire l'cran (mur) et latral. </p> <p class="spip">Mais personnellement je suis d'accord avec toi, et je force depuis toujours (comme en ce moment mme) le fond gristre, pour une lecture confortable. </p> <p class="spip">Du coup, sur mes sites j'ai choisi de laisser les couleurs indfinies, pour laisser prvaloir les rglages par dfaut du navigateur&nbsp;: ledit gris ou autre chose s'ils ont t modifis. </p> <p class="spip">Je voulais simplement tre cohrent avec moi-mme&nbsp;; content de voir qu'il y a aussi 2-3 personnes qui prfrent galement.</p> 		<p><b><a href="http://dtext.com/hache">Site mentionn</a></b> 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=280802&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>Fatigue occulaire</b> 		9 juillet 2002, par <a href="mailto:asr@free.fr">asr</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Quand mme un des aspect les plus important est le confort de lecture. </p> <p class="spip">Essayez de lire un balzac dans une pice sombre claire par un mauvais non (50Hz)&nbsp;; Recommencez la mme exprience avec une lampe halogne. </p> <p class="spip">Lire sur un cran revient  faire lire un texte papier clair par non (en plus de l'aspect verticalit, mise en page, temps d'accs et d'autres paramtres qui sont purement techniques). La lecture sur cran est <i class="spip">pnible</i> (c'est mon avis) en grandepartie  cause de la nature scintillante des crans cathodiques (la rsolution s'tant grandement amliore, cele ne rentre plus en ligne de compte sur les crans modernes. </p> <p class="spip">Je pense que la lecture sur cran n'est possible (de manire rgulire) que sur cran LCD. Quand je parle de ce type de lecture, je pense  une lecture demandant un gros effort de concentration de la part du lecteur, fixer un texte sur l'cran. </p> <p class="spip">En outre, un text crit sur un cran d'ordinateur n'est pas peru comme un texte crit sur papier, dans la mesure o la lumire mise par l'cran n'est pas une partie de la lumire extrieure, comme dans le cas d'une page (la lumire ambiante est rflchie par la feuille). L'cran a sa propre luminescence, qui reste la mme (couleur, intensit) quelle que soit la lumire extrieure. </p> <p class="spip">Ainsi, l'oeil ne peut pas s'habituer aux changements de <a href="http://tecfa.unige.ch/~lombardf/CPTIC/couleurs/couleur_ERAG/Pages/ch2p1.htm" class="spip_out">temprature de couleur</a>, et aux changement d'intensit de la lumire extrieure. </p> <p class="spip">La consquence directe est une fatigue (oculaire et nerveuse) accrue. </p> <p class="spip">L'argument qui dirait que c'est possible, en regard du temps pass devant un cran d'ordinateur aujourd'hui n'est pas recevable. En effet, un utilisateur d'ordinateur ne <i class="spip">fixe</i> pas l'cran. Il regarde son clavier, sa souris, ses voisins... et aussi son cran. Un lecteur ne regarde QUE son cran pendant de longues priodes. </p> <p class="spip">Pour moi, la lecture sur cran est <i class="spip">possible</i>, mais <i class="spip">incomfortable</i> et <i class="spip">fatigante</i>.</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279586&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> Fatigue occulaire</b> 			9 juillet 2002, par <a href="mailto:arno@scarabee.com">ARNO*</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Merci, c'est trs pertinent. </p> <p class="spip">Du coup (mais a ne concerne pas le webmestre qui fabrique la page), on peut rappeler quelques conseils habituels pour l'utilisateur d'un cran&nbsp;: <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;viter de lire/travailler dans le noir complet&nbsp;; il vaut mieux avoir une lumire d'appoint dans la pice&nbsp;; <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;dans le mme ordre d'ide, viter d'avoir des reflets sur l'cran (par exemple, l'cran face  la fentre et le lecteur dos  la fentre)&nbsp;;  <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;trouver un compromis acceptable pour son cran et sa carte graphique, au niveau de la dfinition et du rafrachissement&nbsp;: il faut viter  tout prix les frquences de rafrachissement trop faibles (en dessous de 75Hz), puisque a revient comme tu le dis  lire  la lumire d'un non&nbsp;; l'idal se situe au-dessus de 80Hz, et si on peut monter  100Hz, la fatigue occulaire est trs rduite (videmment, a dpend de l'cran -rcent- et de la carte graphique -rcente aussi-)&nbsp;; <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;si l'ordinateur est utilis dans des conditions d'clairage trs variables, ne pas hsiter  rgler le contraste ou directement la temprature de couleur (baisser le contraste quand la pice est peu claire&nbsp;; l'augmenter sinon). Mais le plus sr reste encore d'allumer systmatiquement la lumire pour viter de lire dans une pice sombre&nbsp;; <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;prendre rgulirement le temps de re-rgler son cran, notamment de le dmagntiser, et de le rendre le plus net possible sur toute sa surface (rglages souvent intituls &nbsp;focus&nbsp; et &nbsp;convergence&nbsp;)&nbsp;; quand l'cran est trop vieux, en acheter un nouveau pour ne pas devenir rapidement aveugle...</p> 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279592&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran</b> 		8 juillet 2002, par <a href="mailto:starboutch@hotmail.com">StarBoutch</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Ce texte constitue,  mon sens, un rappel assez juste des rgles utilises en imprimerie et dsormais applicable et appliques (puisque l'on doit bien partir de quelque chose) au net. Je ne reviendrais pas sur le texte en lui-mme, ni sur les positions de l'auteur (ou mme d'autres auteurs). </p> <p class="spip">Ce qui manque, ce qui me chiffonne, c'est que l'article n'est qu'une suite d'applications techniques que le lecteur est cens prendre ou non sans raisonnement  posteriori. </p> <p class="spip">Certes, on pourrait voir dans l'criture (manuelle mais aussi, dans un moindre cas, numrique) un simple procd de redistribution de l'information, une espce de nomenclature  ingurgiter et  redistribuer ultrieurement. </p> <p class="spip">Ce serait alors oublier la dimension affective de l'criture (quelle que soit sa forme) et, en largissant, du Langage. </p> <p class="spip">Pour reprendre la problmatique du sujet -"La lecture facile  l'cran"-, pour moi, le sujet se formule ainsi&nbsp;: <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;"Doit-on faciliter la lecture  l'cran&nbsp;?" </p> <p class="spip">Lorsque j'cris un texte, je prends position, je m'engage et j'entends que le lecteur potentiel -qu'il soit d'accord ou non - respecte assez le sujet et selon sa disposition d'esprit, soit le rejte, soit l'accepte, mais dans les deux cas, qu'il ai assez de volont pour s'engager COMPLETEMENT dans sa dcision&nbsp;: qu'il le rejte COMPLETEMENT ou qu'il le lise COMPLETEMENT. </p> <p class="spip">Bien entendu, aucune sanction ne tombe si ce point n'est pas respect, aucun couperet ne s'abat sur la tte du consommateur s'il dcide au milieu d'un paragraphe d'aller chercher un caf et d'teindre son ordinateur. Cela marque seulement un certain ddain, un manque de respect du texte, et donc de l'auteur. </p> <p class="spip">Ds lors, si le lecteur s'astreignait (car je reconnais volontiers que c'est une contrainte)  l'entire lecture dudit texte, les considrations techniques - que je ne dvalorise pas - changent de dimension pour acqurir une finalit d'intention, et non plus un corps technique brut. </p> <p class="spip">Autrement dit, les diffrentes rgles nonces dans l'article d'ARNO ne doivent pas tre prises dans leurs ensembles mais plutt comme une myriade de sous-ensembles  moduler pour parvenir  objectif de lecture prcis. Si l'on regarde les journaux d'informations (surtout ceux  tendances politiques trs marques), l'assemblement des diffrents lments n'est, bien entendu, pas le fruit du hasard, mais correspond  une intentionnalit et une orientation de lecture. Plus que la lisibilit, cela une entrane la cration d'une habitude, qui elle-mme peut tre considre comme une volution de l'individu. </p> <p class="spip">Car, de la contrainte, nat l'volution par la cration, par l'adaptation. N'est-ce pas une finalit assez chouette d'un texte ardue  dcrypter&nbsp;?</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279401&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>Pages longues vs. pages courtes&nbsp;: le temps de rponse</b> 		6 juillet 2002, par <a href="mailto:nico@ENLEVEZMOIaltiva.fr">Nicomo</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Des pages courtes, qui tiennent dans un cran, peuvent tre  mon avis plus facile  consulter. Il y a cependant une trs bonne raison pour laquelle ce n'est pas pratique sur le web&nbsp;: le temps de rponse. </p> <p class="spip">En effet, mme quand le site web a une bonne connectivit et que la page est construite de faon  s'afficher rapidement, il y a toujours un temps de latence de 1  3s entre le moment o l'utilisateur clique et o suffisament d'information a t tlcharge, ce qui suffit  rendre la chose pnible  utiliser. </p> <p class="spip">Un autre problme existe par ailleurs dans ce modle, celui de la recherche&nbsp;; une des fonctions avances les plus utiles dans un navigateur (et un diteur de texte ou un visualisateur de doc par exemple) est la fonction "recherche"&nbsp;; le fait de diviser l'information en plusieurs page rend cette fonction quasi inutile. Dans le meilleur des cas, le site propose une fonction de recherche, mais ce n'est pas forcment le cas. Par ailleurs les moteurs de recherche sur site les plus frquemment utiliss sont assez merdiques&nbsp;: le classement des rsultats est souvent compltement alatoire, des informations non pertinentes apparaissent dans les rsultats, et l'affichage des rsultats particulirement illisible (affichage de javascript ou de balises HTML au lieu de texte par ex.) Et l encore les temps de rponses peuvent tre particulirement prohibitifs. C'est d'autant plus vrai que la conception d'un systme de recherche rapide est un exercice dlicat, et que sa mise en oeuvre demande beaucoup de ressources, tant en matriel qu'en administration&nbsp;: la maintenance d'un systme de bases de donnes, aussi simple soit-il, n'est pas  la porte du premier webmestre venu. </p> <p class="spip">A ce sujet, j'apprcie particulirement le systme d'affichage des forums sur Uzine&nbsp;: le temps de chargement total de la page n'est pas un problme, puisqu'on peut trs bien commencer  la lire avant qu'elle soit complte, et une fois que c'est fait, on peut naviguer trs rapidement dans les posts. </p> <p class="spip">Enfin, se poser la question de la lisibilit est une trs bonne ide&nbsp;; c'est pourtant le moindre des problmes quand on voit ce que pondent rgulirement des <i class="spip">dizaneurs</i> "professionnels" et qui me fait parfois envisager le recours  la torture avec bienveillance.</p> 	<p><b><a href="http://www.novaplanet.com">Un site au contenu intressant gch par une ralisation immonde</a></b> 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279275&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>Tous n'ont pas les mmes intrts dans la publication de textes...</b> 			10 juillet 2002, par <a href="mailto:noemie69@free.fr">Nomie</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Faut-il faire des pages longues qui dfilent ou courtes que l'on lit en plusieurs crans&nbsp;? </p> <p class="spip">Je pense que le temps de rponse n'est pas en soit un problme&nbsp;: charger du texte seul en une passe unique sera toujours plus rapide que de charger 15 pages du mme texte, puisque les 15 pages demanderont autant de requtes serveurs, ngociation, protocole et j'en passe... Et surtout les habillages qui vont avec&nbsp;; la solution un seul texte ne charge qu'un seul habillage&nbsp;! </p> <p class="spip">Les conseils donns un peu partout,  savoir dcouper les pages et viter les textes longs, me semblent rpondre  des "impratifs" typiquement web&nbsp;: <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;retenir le lecteur sur le site le plus longtemps possible, mais surtout <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;lui faire parcourir le plus de pages possible afin de lui faire "bouffer" de la pub le plus possible (la plupart de ces sites n'ont qu'un bandeau par page, d'o la ncessit de nombreuses pages) <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;de faire le plus de Hits possible (un par page s'entend) afin d'attirer des annonceurs... et la boucle se boucle, si j'ose me permettre. </p> <p class="spip">On peut le regretter, mais c'est ce qui intresse le plus les webmasters de la plupart des sites (sites qui, nous sommes d'accord, ne relvent que rarement d'un intrt majeur - du point de vu textuel s'entend). </p> <p class="spip">Personnellement, je lit Uzine depuis longtemps, ainsi que le rseau des copains en gnral (entre autre). La longueur des textes ne m'a jamais drang, mais (autre point qui les diffrencie) ils ont un dfaut majeur par rapport  la logique prcdente&nbsp;: ils sont <b>intressants</b>. D'o, la longueur importe peu, on est captiv donc on va jusqu'au bout. A l'inverse des sites qui pronent le texte court car ils n'ont rien  dire, alors autant le dire vite... </p> <p class="spip">CQFD</p> 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279746&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		<div style='border-left: dashed 1px #666666;'>  		 		</div>  	 	 	</div> 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> Pages longues vs. pages courtes&nbsp;: le temps de rponse</b> 			2 ao&ucirc;t 2002, par <a href="mailto:">serge</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Et le temps de lecture&nbsp;? Peut-tre as-t-on pris aussi la (mauvaise) habitude de "sauter" la lecture des textes longs avec les connexions modems et la taxation de l'internet " la dure"&nbsp;? </p> <p class="spip">On les saute, au plus on sauvegarde ceux qui sont <i>vraiment</i> intressant.</p> 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=281366&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile PAS SEULEMENT  l'cran</b> 		4 juillet 2002, par <a href="mailto:devernay@free.fr">fredy</a> 		 	</div> 		<div style="padding: 5px"> 	<p>Il y a aussi des gens qui lisent les pages en braille, d'autres qui coutent (littralement) les pages... malheureusement la plupart des sites encapsulent l'information dans des structures complexes et parfois difficiles d'accs (typiquement, la page est dans une gigantesque "table"). Aujourd'hui, avec la popularisation des navigateurs comprenant les CSS, on peut remplacer tout a par des lments de "style", et donc rendre le web plus accessible. Le groupe Web Accessibility Initiative (WAI) du W3C publie des "guidelines" pour un web plus accessible.  quand SPIP en version WAI-AAA&nbsp;? 	<p><b><a href="http://www.w3.org/TR/WAI-WEBCONTENT">Web Content Accessibility Guidelines</a></b> 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=277360&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> La lecture facile PAS SEULEMENT  l'cran</b> 			6 ao&ucirc;t 2002, par <a href="mailto:ypr@alex.fr">Yves Pratter</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Pour appuyer la rponse prcdente, je souhaite rajouter ceci&nbsp;: </p> <p class="spip">Il existe un site qui permet de tester si une page est accessible ou non&nbsp;: </p> <p class="spip"><b class="spip">BOBBY</b> <a href="http://bobby.watchfire.com" class="spip_url">http://bobby.watchfire.com</a> </p> <p class="spip">Pour cette page (idem pour l'accueil d'Uzine), Bobby n'appouvre pas du tout&nbsp;: </p> <p class="spip"><i class="spip">This page does not yet meet the requirements for Bobby AAA Approved status. To be Bobby AAA Approved, a page must pass all of the Priority 1,2 and 3 accessibility checkpoints established in W3C Web Content Accessibility Guidelines 1.0.</i> </p> <p class="spip">Vous trouverez le lien du livre blanc de BrailleNet concernant l'accessibilit des sites web. </p> <p class="spip">Pour ma part, je pense que les journaux en ligne devraient tre accessible aux personnes handicapes (je pense au Monde diplo, Uzine et la grosse majorite des sites raliss avec SPIP). </p> <p class="spip">A quand des squelettes et des feuilles de styles pour non voyants&nbsp;? SPIP 1.5&nbsp;?</p> 		<p><b><a href="http://www.braillenet.org/accessibilite/livreblanc/index.html">Le WEB plus accessible pour les aveugles et malvoyants</a></b> 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=281658&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> Tips</b> 		4 juillet 2002, par <a href="mailto:">Jedi</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Pour le dfilment de la page, je trouve bien plus ais d'utiliser les flches directionelles du clavier que l'ascenceur , mme la molette est moins prcise ( l'instar de la croix directionelle sur un joypad, toujours plus prcise que l'analogique) ... </p> <p class="spip">Un changement de teinte pour la premire lettre d'un paragraphe, en plus de mettre un peu de couleur dans un monde de brutes, me semble aussi faciliter la lecture verticale.</p> 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=277348&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> Tips</b> 			6 juillet 2002, par <a href="mailto:theclem@blue-bug.net">TheClem</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Je pense aussi que l'usage des flches de direction sur le clavier est plus utile lors d'un texte long, cela permet de s'loigner plus de l'cran et de se concentrer sur le texte en lachant la souris quelques minutes ... </p> <p class="spip">Quand aux lignes entre les paragraphes cela m'a toujours sembl logique pour faciliter la lecture ( meme l'criture manuscrite, ce qui nerve depuis longtemps mes profs de francais, en effet j'adopte des marges  droites  gauche, et des lignes entre les paragraphes que ce soit sur papier ou sur le web ... )</p> 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279269&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> Tips</b> 			3 octobre 2002, par <a href="mailto:">mael</a> 			 		</div> 				<div style="padding: 5px;"> 		<p>Il y a aussi la barre d'espace qui permet de sauter de paragraphe. Effet identique au touches |||> et <||| sous la touche pause de votre clavier... Mais que pour la descente. Donc vive la molette&nbsp;! 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=284704&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran</b> 		4 juillet 2002, par <a href="mailto:espionnage2008@altern.org">espionnage2008</a> 		 	</div> 		<div style="padding: 5px"> 	<p>Il y a quand mme quelque chose de trs important  vrifier lorsqu'on tape un texte long que l'on souhaite voir devenir une rfrence&nbsp;: le rendu  l'impression. Quand un texte est vraiment intressant, on l'imprime, car les sites web ont tendance  voluer (ou ce ne sont pas de bons sites web). Le top tant de proposer une version imprimable en postscript (plutt en milieu professionnel), pdf (je n'aime pas le ct "algorithme brevet") ou rtf (lu par tous, sauf les fichiers crs sous word). 	 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=277321&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>ps, pdf...</b> 			6 juillet 2002, par <a href="mailto:roland.trique@free.fr">Roland Trique</a> 			 		</div> 				<div style="padding: 5px;"> 		<p>Voui, sauf que j'avais a sur mon site, une version en ps et une autre en pdf, et, constatant que certains moteurs de recherche en faisaient vraiment compltement n'importe quoi, j'ai supprim tout a (pour le moment et sous cette forme).&nbsp;:-/ 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279265&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		<div style='border-left: dashed 1px #666666;'>  		 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>XSLT</b> 			6 juillet 2002, par <a href="mailto:nico@ENLEVEZMOIaltiva.fr">Nicomo</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Vous devriez envisager d'utiliser XSLT par exemple, qui permet  partir d'un fichier contenant l'information, et d'un ou plusieurs autres contenant les isntructions de formattage, de gnrer des sorties en diffrentes variantes&nbsp;: HTML, mais aussi mme PDF ou texte brut. </p> <p class="spip">En sparant compltement l'information de sa prsentation, vous pouvez par ailleurs rapidement  modifier l'une ou l'autre facilement et indpendamment. </p> <p class="spip">Ca peut paratre assez complexe, et a demande de pratiquer le XML, mais on peut obtenir des rsultats intressants beaucoup plus facilement qu'on ne croit.</p> 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279276&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> XSLT</b> 			7 juillet 2002, par <a href="mailto:roland.trique@free.fr">Roland Trique</a> 			 		</div> 				<div style="padding: 5px;"> 		<p><p class="spip">Euh, ouais, j'ai mme une version XML de mon site sous le coude, avec DTD et tout, tout bien dfini propre. Ca ne rgle pas le problme des moteurs qui dbloquent et renvoient chaque jour quelques dizaines de personnes sur mon site, pour leur faire tlcharger des fichiers de quelques Mo qui ne contiennent pas du tout ce que les moteurs en question croient y voir... </p> <p class="spip">Pour le moment, les&nbsp;8500 pages de mon site sont gnres avec Perl, le ps via LaTeX et le pdf  partir de ps. Faire tout a en XML/XSLT, beuh... Je crois que j'ai trop la flemme tellement c'est lourd et compliqu. Ca viendra plus tard...</p> 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279320&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> XSLT</b> 			7 juillet 2002 			 		</div> 				<div style="padding: 5px;"> 		<p>Ben faut utiliser robots.txt peut-tre, non ... 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=279326&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 		  	 	 	</div> 	 		  	 	 	</div> 	 		</div>  	 	 	</div> 	 	<div style="margin-left:20px;"> 		<div style="border-bottom: dashed 1px #666666; border-right: dashed 1px #666666;"> 		<div style="border-left: dashed 1px #666666;"> 		<div style="padding: 5px; background-image: url(LOGOS3/fond-trame.gif);"> 				<b>> La lecture facile  l'cran</b> 			31 juillet 2002, par <a href="mailto:">fredy</a> 			 		</div> 				<div style="padding: 5px;"> 		<p>Les feuilles de style (CSS2) sont censes rpondre  ce problme. On peut donner  une page un style diffrent selon qu'elle est lue  l'cran ou imprime. Deux problmes subsistent&nbsp;: <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;le navigateur le plus rpandu ne supporte pas correctement CSS2 <br><img src='puce.gif' align='top' alt='- ' width="8" height="11" border='0'>&nbsp;on ne peut pas changer la structure de la page. Si le texte est mis dans une <TABLE>, il y aura une <TABLE a l'impression... 		 		<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=281215&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 		</div> 		</div> 		</div> 				 		  		 		  	 	 	</div> 	 	 	</font> </td></tr> </table>  <p> <table cellpadding="0" cellspacing="0" border="0" width="750"> <tr><td width="200" valign="bottom"></td> <td width="550"> 	<font face="verdana,arial,helvetica,sans-serif" size="2"> 	<div style="background-image: url(LOGOS3/fond-trame.gif) ; border: dashed 1px #666666"> 	<div class="cadrebleu"> 			<b>> La lecture facile  l'cran</b> 		4 juillet 2002, par <a href="mailto:pub1@dtext.com">Jacques</a> 		 	</div> 		<div style="padding: 5px"> 	<p><p class="spip">Merci pour cet effort ingrat mais utile. Des problmes dlicats en effet. En vous lisant, j'ai dcid d'ajouter de l'espace vertical entre les paragraphes (tout en laissant le retrait de premire ligne). Ayant souvent des longs textes  donner, sans intertitres, sans gras, et sans aucun repre visuel possible (c'est de la littrature, on va pas mettre des pavs en exergue), on peut se perdre en effet lors du dfilement. Les espaces verticaux aideront un peu. </p> <p class="spip">Personnellement je tape PageSuivante / PagePrcdente plutt qu'utiliser la souris&nbsp;; mais mme a ne fonctionne pas comme a devrait. Surtout en fin de page, je ne sais pas si vous avez remarqu, o on perd NECESSAIREMENT le fil&nbsp;: si aprs l'avant-dernier cran il reste moins d'un cran, c'est impossible de savoir o vous en tes une fois que vous avez press Page Suivante. Pour cette raison, j'ajoute du blanc en fin de page. </p> <p class="spip">Pour le contraste texte / fond, j'ai opt pour une option radicale&nbsp;: les laisser indfinis, et laisser prvaloir les options du navigateur. Comment battre le rglage par dfaut, par dfinition choisi comme tant le plus lisible, et modifiable par l'utilisateur&nbsp;? </p> <p class="spip">Je ne sais pas si je suis arriv  quelque chose de trs lisible. J'espre. </p> <p class="spip">Cordialement</p> 	<p><b><a href="http://dtext.com/hache">Hache</a></b> 	<p align="right">[<font size=1><a href="forum.php3?id_article=1738&amp;id_forum=277313&amp;retour=article1738.html">R&eacute;pondre &agrave; ce message</a></font>] 	</div> 		</div> 	 	 	 	</font> </td></tr> </table>     </center>     <br><br><br> </body> </html> 
