Le sujet est dans l’air, on en parle sur StandBlog, chez Russell Beattie, plusieurs autres blogs et même le Journal du Net. C’est plutôt une bonne chose que l’on commence à s’en préoccuper un peu dans notre pays, même si nous n’avons pas de lois pour nous y obliger comme aux US… L’intérêt de rendre un site web plus accessible va d’ailleurs bien au delà du fait qu’il devienne plus accessible aux handicapés! En effet, combien de sites, designés par une agence quelconque, vous affichent des pavés de texte écrits en 6 points (ou encore 8 pixels de hauteur), vous forçant à vous rapprocher de votre écran pour pouvoir lire ce qui est écrit? Mais voyez vous… il parait que c’est plus design… Moi ça me rappelle plutôt les conditions générales de ventes imprimées de manière illisible au verso des bons de commande! Messieurs les créatifs, vous n’avez rien compris! Les lecteurs ne peuvent pas passer leurs journées à lire des tous petits caractères… (et pour les conditions de vente, figurez vous que c’est fait exprès! ;)

Il est important également de constater le fait que vous pouvez effectivement lire des petits caractères… mais que cela devient de plus en plus pénible au fur et à mesure que la journée avance et que la fatigue s’accumule… C’est également plus gênant lorsque le texte à lire est long: on ne peut pas lire un white paper en tout petit même si on peut le faire sans problème pour une brêve.

S’ajoutent à cela, les critères purement techniques de résolution d’écran utilisée par le lecteur. Un écran d’ordinateur affiche probablement entre 60 et 120 points par pouce selon la résolution et la taille de l’écran. Par exemple, des caractères de 12 points seront bien plus gros sur un écran 19 pouces configuré en 800x600 que sur un écran de portable de 15 pouces configuré en 1600x1200!

En fait, la bonne taille de caractères dépend donc intimement de la situation de chacun et il semble dès lors extrêmement prétentieux de vouloir déterminer à l’avance la taille dans laquelle l’utilisateur voudra lire un texte.

Les browsers web permettent depuis assez longtemps de changer la taille des caractères… ce qui fût bien agréable pendant une certaine époque… avant que n’apparaissent les feuilles de styles! Celles-ci ont en effet tendance à figer la taille des caractères quelle que soit la taille réglée dans le menu du navigateur. C’est surtout le cas de Internet Explorer (même en version 6) alors que Netscape 7 par exemple, s’affranchit finalement assez bien du problème.

Pourtant, il existe une solution relativement universelle: n’indiquer dans les CSS que des tailles de caractères sous forme de pourcentages! Ils pourront dès lors être redimensionnés à loisir par l’utilisateur.

A ce propos, connaissez vous les raccourcis clavier bien pratiques? Sous Netscape, faites Ctrl + pour augmenter la taille et Ctrl - pour la diminuer. Sous Internet Explorer, maintenez la touche Ctrl pendant que vous tournez la molette de la souris!

Essayez sur cette page, vous verrez!