Vous êtes ici : Accueil » Le Web respectueux » A respecter
Que faut-il absolument respecter ?
Introduction
Faire un site respectant les standards du Web ? Rien de plus simple (en théorie…). Il suffit de séparer le contenu de la mise en forme. Le contenu sera confié à (X)HTML et à ses différentes balises (<h1> pour titre 1, <h2> pour titre 2… <p> pour paragraphe… ), la forme (couleurs, cadres, polices, positionnement) sera confiée aux feuilles de style CSS…
On peut dégager quelques rêgles de base permettant de maximiser l'accessibilité d'un site Web. Il convient de prêter une grande attention au contenu, à la forme, mais aussi à la façon dont le menu est conçu, à l'utilisation de Javascript, des plugins, des tableaux et des frames. Il faut aussi veiller à la taille du texte au contraste de celui-ci,...
Le contenu
Le contenu est bien plus important que la présentation ! Il est essentiel qu’il soit toujours accessible, et ce sur le plus grand nombre de navigateurs. On lui gardera la plus grande place dans le design de la page. (X)HTML est le language qu'il convient d'utiliser pour décrire le contenu d'un page Web.
La forme
Oublions l’idée de faire un site qui aura exactement la même apparence sur tout les navigateurs… c’est impossible ! Le Web est composé d’une multitude de navigateurs utilisés par une multitude de d’utilisateurs qui ont chacun leurs préférences. Il est par contre certain que tout le monde pourra accéder au contenu du site les standards du Web sont respectés. Les feulles de style CSS sont le moyen de décrire l’apparence des éléments d'un site. Il faut les utiliser ! Elles permettent de changer radicalement l’apparence d’un site en minimisant le travail nécessaire pour y parvenir (changer l’apparence du titre de niveau 1 dans la feuille de style CSS du site la changera sur toutes les pages…).
Les feuilles de style CSS permetent en outre de prévoir plusieurs sorties différente (écran, imprimante…).
Javascript
Certains sites utilisent Javascript pour leur menu, leur galerie d’images, l’ouverture de nouvelles fenêtres, ...
Pourtant, Javascript est désactivé ou indisponible sur un grand nombre de navigateurs. Certains administrateurs désactivent Javascript sur tout leur parc informatique pour des raisons de sécurité. Les tablettes Braille et les navigateurs textes ignorent tout simplement Javascript.
Javascrit n'est à utiliser que pour des effets purement décoratifs et s’il est intégré à une fonctionnalité importante (le menu par exemple) il est impératif de prévoir une alternative.
Navigation
Elle doit être simple et structurée. Le visiteur ne doit pas se perdre et il convient de lui donner un maximum de chances de trouver l'information désirée. Il faut prévoir un plan du site, une page d'aide décrivant la façon dont est conçue le site, un système de recherche et un moyen de contacter le webmaster.
Le système de navigation doit marcher sans Javascript ni plugins. Attention aux menus graphiques, il convient de s'assurer qu'ils sont utilisables par les personnes ne pouvant pas afficher les images.
Code valide et propre
Il faut utiliser les balises (X)HTML à bon escient. Les commentaires dans le code ne sont pas inutiles...
Le code doit passer le test de validation du W3C
Tableaux et frames
L’utilisation de ces techniques rend difficile la consultation d'un site par les visiteurs non-voyant et les utilisateurs de navigateurs textes.
Si par malheur un moteur de recherche renvoie un visiteur sur une page conçue pour être affichée avec d’autres frames (par exemple la barre de navigation), il n’aura aucun moyen de se repérer dans le site et… s’en ira voir la concurrence.
Il faut éviter autant que faire se peut d’utiliser les tableaux et les frames pour la mise en page d'un site. Attention! pour présenter des données tabulaires il est tout de même possible (et même conseillé) d'utiliser les tableaux.
Les plugins
Il ne faut pas forcer un visiteur à devoir installer un plugin (flash par exemple pour ne pas le citer) avant de pouvoir accéder à un site. Dans le meilleur des cas, c'est irritant… Il faut garder à l’esprit le fait que beaucoup d’entre eux n’ont tout simplement pas la possibilité de le faire (ordinateur d’entreprise, plage braille, …).
Si un plugin est utilisé, il convient de prévoir une alternative au cas où le visiteur n'en dispose pas.
Redimentionnement des polices
Vous avez de bons yeux ? Tant mieux pour vous… Pensez à ceux qui n’ont pas cette chance (et ils sont nombreux). La taille des polices d'un site doit pouvoir être modifiée par le visiteur, même si cela nuit un peu à l’apparence de l’ensemble. Après tout, il vaut mieux que ce soit un peu moins esthétique que parfaitement illisible.
Pour en savoir plus
- Les principes Fondamentaux sur le site Alsacreations.com
- Web design : l'ingéniérie passe avant l'art sur le site veblog.com
- liste des 92 critères d'Accessiweb