Construire des sites de qualité est une priorité pour améliorer les services web : il s'agit de s'axer avant tout sur le respect de l'utilisateur . Facilité de navigation, confort à la lecture et accessibilité optimisée sont autant de critères nécessaires à une diffusion optimale de l'information.

Webdesign à partir des feuilles de styles

La mise en forme de nos sites est basée sur l'utilisation des feuilles de styles ( CSS en anglais ).

Une seule feuille de style peut servir à déterminer la structure globale du site dans tous ses aspects formels (position des éléments, couleurs, mise en forme des menus, du texte, des images), et permet d'alléger les pages de contenu codées en langage XHTML.

Ce système séparant le fond et la forme permet à tout moment et très simplement de retoucher les styles du site sans toucher à son contenu. Il s'agit d'un gain de temps énorme pour la création et les modifications, si l'on considère qu'auparavant on devait modifier chaque page du site pour changer de graphisme. Cela peut se faire à présent à partir d'une simple feuille de style.

C'est le mode de conception de l'avenir puisqu'il offre une très grande souplesse. Il est pourtant encore relativement peu adopté par les concepteurs, alors qu'il offre en matière de graphisme des possibilités tout aussi impressionnantes, si ce n'est plus, que la méthode "à l'ancienne".

›› Observez les possibilités des CSS en matière de design sur mezzoblue, site qui rassemble les templates élaborés pour CSS Zen Garden

Ergonomie

Un site se doit d'être clair, parfaitement lisible, et de disposer d'un système de navigation fluide. C'est ce qui définit l'ergomomie. Nous cherchons à fournir aux utilisateurs des interfaces simples qui lui permettent de se repérer rapidement. Cela implique le respect de quelques règles de base, dont voici quelques exemples :

Pour que l'utilisateur ne se perde pas sur le site, la structure de celui ci doit être homogène : la navigation ne doit pas comporter de surprises telles que l'ouverture d'un popup intempestif, ou l'accès à une page démunie de liens de retour et du menu principal.

Les menus doivent être construits et placés très clairement de manière à ce que le visiteur puisse avoir rapidement accès aux informations qu'il recherche.

Les pages doivent offrir un aspect graphique agréable et reposant pour l'oeil, les éléments d'information doivent être organisés de manière à ne pas disperser l'attention, ni agresser. Car un site peut être agressif lorsqu'il impose au visiteur l'ouverture un élément qu'il n'a pas choisi : un fond sonore sur une page d'accueil , des éléments clignotants peuvent par exemple le surprendre, le gêner et le faire fuir.

Le respect de ces règles contribuent à mettre à l'aise le visiteur, la but étant de lui permettre une lecture facile et intuitive sans lui imposer une manière de naviguer.

›› Toutes les règles de base de l'ergonomie d'un site web sur Interface

Accessibilité

Le respect des principes mentionnés ci-dessus ouvre sur la notion d'accessibilité. Il s'agit de rendre le site, et la totalité du contenu qu'il propose, accessible a chaque visiteur, tout en lui permettant d'aborder la navigation sans difficulté et comme il l'entend.

Et ceci quelles que soient la configuration de son matériel informatique, sa vitesse de connexion, ses dispositions physiques ou mentales. L'accessibilité est la promotion des services web pour tous.

Les règles de base de l'accessibilité sont en grande partie satisfaites par le respect de l'ensemble des points mentionnés dans cet article, soit un codage propre, basé sur des feuilles de styles, et une bonne ergonomie. Car un bon codage garantit notemment un affichage correct et complet sur de écrans de toutes résolutions, ou encore la prise en charge du site par des logiciels de lecture destinés aux mal-voyants.

Les feuilles de styles sont là encore d'une importance primordiale : il est par exemple possible d'élaborer plusieurs designs et de proposer à l''utilisateur de choisir celui qui lui favorise le mieux la lecture. L'aspect du site peut changer du tout au tout sans que le contenu soit modifié.

Les règles d'accessibilité sont en plein développement, et si jusqu'à maintenant leurs critères étaient encore mal définis, il se met petit à petit en place de vraies normes ainsi que des moyens concrets de tester l'accessibilité d'un site. Nous essaierons d'en suivre le fil et de les intégrer aux mieux, pour vous proposer le meilleur service possible.

Le W3C, dont nous parlons plus bas, a notemment lancé le proget WAI (Web Accessibility Initiative) qui définit 3 niveaux en matière d'accessibilité : A, AA et AAA, le dernier étant le plus strict. Nous garantissons au minimum des sites validant les exigences de niveau A, représentées par ce logo:

›› Plus d'infos sur l'accessibilité sur Accessibilité Web

Codage

Les langages de programmation web sont mis à jours par le W3C (World Wide Web Consortium). C'est cet organisme qui définit ce que l'on appelle les "standards", permettant d'améliorer et d'homogénéiser le web. La certification de type , que l'on voit généralement en bas de page de certains sites, montre qu'ils respectent une démarche de qualité dans le codage.

Un codage propre garantit un affichage optimisé du site sur la plupart des navigateurs, et en particulier les plus récents, car ils se doivent de prendre en charge les mises à jours établies par le W3C, pour faciliter à tous l'accès à Internet. C'est du moins ce qui devrait être le cas dans l'idéal, car la standardisation rencontre des problèmes avec des navigateurs anciens ou encore réticents à prendre en charge certaines fonctionnalités des nouveaux codages.

Néanmoins, il reste essentiel de s'y conformer car tôt ou tard le web devra se plier à ces exigences. Nous testons nos sites sur les dernières versions des navigateurs existants, aussi ne pouvons nous pas garantir la perfection sur les versions plus anciennes, mais essayons de repérer et de réparer tous les bugs d'affichages, dans la mesure où ils n'impliquent pas le recours à des méthodes trop "brutales" en matière de codage.

Nous nous engageons sur ce point à fournir pour votre site un code coforme aux exigences actuelles, car il en va de de son avenir et de sa faculté de s'adapter aux différentes configurations et aux évolutions futures.

Nous espérons ainsi ensemble contribuer à améliorer la qualité des services web, et vous fournir un site aussi performant et accessible que possible.

›› Le site du W3C (en anglais)
›› En savoir plus sur le W3C sur Wikipedia