Banière du site

Image d'imprimante   image d'enveloppe

5.1 Introduction

Rien n'est plus frustrant que de tomber sur un site, certes intéressant, mais auquel on n'a pas tout l'accès que l'on est en droit d'en attendre, simplement parce que le webmaster n'a pas pris la peine de se mettre à la place du visiteur...

Je présente dans cette page douze commandements, ou plutot, douze conseils destinés à rendre internet plus accessible

fleche haut

5.2 Normes du W3C respecter tâchera

Le but des recommandations du W3C est (entre autre) de permettre une interprétation correcte des pages web par les différents navigateurs (même si certains prennent des libertés par rapport à celles-ci)

Le respect de ces recommandations devrait vous permettre de vous assurer, ou en tout cas, dans une large mesure, que les pages que vous créerez seront affichées telles que vous les avez imaginées, quel que soit le navigateur ou le système d'exploitation utilisé par la personne qui les parcourrera

fleche haut

5.3 Pages accessibles au plus grand nombre écrira

Rien n'est plus embêtant pour un visiteur que de ne pas pouvoir parcourrir confortablement un site parce qu'il a été «optimisé» (on pourrait presque plutôt dire «minimisé») pour un navigateur ou une définition d'écran donné.

Pensez que ceux qui n'ont pas la même résolution, le même système d'exploitation, le même navigateur que vous peuvent aussi vouloir visiter votre site.

fleche haut

5.4 Nulle utilisation des cadres (ou frames) ne fera

Les cadres (ou frames) ont apporté, lors de leur création, des avantages qui permettaient d'occulter quelques peu leurs inconvéniants.

Mais, avec l'évolution des technologies (dont, principalement, l'augmentation des vitesses des connexions internet), ces avantages n'ont plus aucun poids face au différents problèmes que les cadres provoquent...

Voyons ces inconvénients:

fleche haut

5.5 A données tabulaire tableaux limitera

Les tableaux devraient etre limités à l'affichage… de données tabulaires…

Bien sûr, ils présentent un facilité certaine pour la mise en page, mais l'utilisation correcte des CSS (Cascade Style Sheet ou Feuilles de Styles en Cascade) peut résoudre la plupart des problèmes de mise en page.

De plus, l'utilisation de tableaux imbriqués qui est souvent rendue nécessaire lorsqu'on les utilise pour la mise en page a tendance à induire des outils tels que les synthétiseurs vocaux ou les tablettes braille (tous deux utilisés par les aveugles ou mal voyants) en erreur...

A ce titre, cela se raccroche au deuxième commandement

fleche haut

5.6 Flash sans alternative banira

Le Flash n'est accessible…qu'avec le plugin flash, et est un format «non libre de droits»…

Certains utilisateurs de linux qui ne veulent que des logiciels sous licence GNU/GPL (ou similaire) sont donc susceptibles de refuser d'installer ce plugin…

De plus, il n'est supporté ni par les navigateurs en mode texte, ni par les outils habituellement utilisés par les défiscients visuels…

Ne pas prévoir d'alternative est donc une disgression du deuxième commendement

fleche haut

5.7 Balises exotiques évitera

Certains créateurs de navigateurs (microsoft™ en tête) prennent un malin plaisir à créer leur propres balises, avec leur propre effet, sans les proposer au W3C, et sans donner l'occasion à leurs concurents de les supporter...

Or, une balise inconnue, et bien souvent son contenu, est purement et simplement ignorée par les navigateurs qui ne la comprennent pas.

L'utilisation de telles balises aura donc pour effet d'afficher la page telle que vous l'avez imaginée seulement si le navigateur la supporte… et «bousillera» tout votre travail si le navigateur du visiteur ne la supporte pas

Encore une fois, il s'agira d'une disgression du deuxième commandement.

fleche haut

5.8 Point trop d'images ne mettra

Les images, c'est bien beau… mais aussi souvent bien lourd.

Mettre trop d'images sur une seule et même page provoquera donc fatalement l'augmentation du poids total de la page (ce qui disgresse le onzième commandement).

De plus, les images servent souvent pour l'affichage d'un lien, et, dans ce cas, les outils destinés aux mals voyants ne peuvent pas signaler où mène ce lien, ce qui représente, s'il n'y a pas un lien «pur texte» une disgression au deuxième commandement

fleche haut

5.9 texte de lien clair écrira

On croise trop souvent des liens sur "cliquez ici" en se baladant sur internet, alors que l'attribut «title» de la balise <a> n'a pas été défini.

Bien sûr, à la lecture du contexte, on peut comprendre où le lien va nous envoyer, mais, lors de l'utilisation de synthétiseurs vocaux, le passage sur un lien provoque la lecture du texte qui se trouve entre les balises <a href=...>et </a> si l'attribut title n'a pas été défini.

Cela se traduit par une succession de "cliquez ici", "cliquez ici", "cliquez ici" sans plus de précision, en disgression flagrante du deuxième commandement.

En outre, la non définition de l'attribut title disgresse, dans une certaine mesure, le premier commandement (surtout si l'on prétend utiliser la norme «stricte» du HTML)

fleche haut

5.10 Autrui et droit d'autrui respectera

L'internet devrais rester un magnifique moyen de communication où les gens ne devraient pas avoir peur de se faire insulter ou agresser…

Bien sûr, une grande liberté d'expression est de mise, mais la liberté des uns s'arrête toujours là où commence la liberté des autres.

La sensibilité des visiteurs d'un site ne devrait donc être choquée en aucune manière.

De plus, certains mettent à disposition certaines ressources sans pour autant renoncer à leurs droits sur la «propriété intellecuelle» ou sur la «propriété créatrice»...

Respecter ces droits ne seront pas seulement une marque de respect envers les créateurs d'un site, mais aussi le simple respect de la loi.

fleche haut

5.11 Aucun javascript "gadget" ne placera

Il y a moyen de créer ou de trouver sur le net 1001 javascript pour «égayer» vos pages Web.

Cela va de la pluie d'étoiles qui suit le curseur à l'horloge qui affiche l'heure système, et bien d'autres encore...

Bien que techniquement ces scripts soient intéressants (ou du moins, si vous prenez la peine de les créer vous même, et que vous ne vous limitez pas, comme une énorme majorité de gens, à les copier d'un autre site), posez vous quand même les questions de savoir si le script en question apporte réellement quelque chose à votre site, si tout le monde appréciera autant que vous d'avoir ce script…

Bien souvent, ce script ne plaira en définitive surement qu'à vous…

Or un site est avant tout fait pour plaire… au visiteur.

De plus, tous les navigateurs offrent maintenant la possibilité de bloquer le javascript, et nous sommes de plus en plus nombreux à utiliser cette possibilité.

Le tout, sans compter que les navigateurs «pur texte» et les outils destinés aux mal voyants sont génélement incapables d'interpréter ces scripts.

Encore une fois, voici un comportement qui disgresse le commandement d'accessibilité au plus grand nombre

fleche haut

5.12 Pages trop lourdes évitera

Selon les études, les gens passent à une autre page si celle qu'ils attendent met plus de quelques secondes à être disponible (de 5 à 10 secondes, selon le visiteur et l'espoir de trouver ce qu'il cherche)...

Le délais d'attente est produit par plusieurs paramètres qu'on ne peut pas modifer(bande passante de l'hébergeur, vitesse de connexion du visiteur...) mais il y en a un sur lequel vous avez le contrôle: le poids total de la page à afficher (en ce compris les fichiers connexes (CSS, JS, images,...))

Tâchez donc de veiller à ce que ce poid total reste dans une limite raisonnable, les gens resteront sur votre site...

fleche haut

5.13 Attribut title des liens indiquera

L'attribut title provoque l'affichage d'une infobulle lorsque la souris passe sur le contenu des balises qui en sont munies..

. Comme aide à la navigation, il peut donc s'avérer intéressant de faire apparaître une infobulle du genre «cliquez ici pour accéder à telle page» sur les liens...

En plus, la norme «stricte» du HTML demande à ce que cet attribut soit placé pour les balise <a href="...">

A l'usage, vous pourrez surement trouver d'autres balises sur lesquelles vous apprécierez de voir apparaître une infobulle...

image d'imprimante   image de mail   fleche haut

Evaluation donnée par les visiteurs
Cette page a été évaluée 13 fois et a obtenu une moyenne de bien expliquée
Mon appréciation sur la compréhensibilitéde cette page est:
  • incompréhensible
  • mal expliquée
  • compréhensible, sans plus
  • bien expliquée
  • très bien expliquée

fleche haut

[koala01.free.fr]->De bric et de Broc->Les douze commandements du webmaster

Copyright (©) 2005 (Philippe Dunski)

Ce cours est libre, vous pouvez le redistribuer et/ou le modifier selon les termes de la Licence Publique Générale GNU publiée par la Free Software Foundation (version 2 ou bien toute autre version ultérieure choisie par vous).

Ce cours est distribué car potentiellement utile, mais SANS AUCUNE GARANTIE, ni explicite ni implicite, y compris les garanties de commercialisation ou d'adaptation dans un but spécifique. Reportez-vous à la Licence Publique Générale GNU pour plus de détails.

Cependant, l'auteur apprécierait grandement que vous lui fassiez part de toute modification apportée à son contnu

Vous pouvez le contacter par mail à l'adresse koala01@free.fr

Vous pouvez trouver une adaptation française de la licence GNU/GPL à l'URL http://www.linux-france.org/article/these/gpl.html