Actuellement, il y a nettement une évolution du web vers des sites plus proches des standards, qu’ils soient d’ordre techniques ou éthiques.

De nombreux clients nous demandent par exemple des structures de site en xhtml et css pour faciliter le référencement et l’accès du site aux malvoyants. Du coup le design a dû s’adapter lui aussi à cette nouvelle façon de développer un site. Grâce à l’évolution des browsers, cela n’est plus l’enfer que les programmeurs web connaissaient il y a encore 3 à 4 ans avec les différentes interprétations du css que généraient les navigateurs sur le marché. firefox a tiré vers le haut le respect de l’interprétation du css.

A une certaine époque, réaliser un site en full css compatible pour ie 5, ie6, netscape 7 etc… relevait quasi du défi, de nombreux hacks étaient nécessaires pour corriger les bugs d’interprétation d’internet explorer entre autre.

Bref petit à petit, designer un site en full css devient beaucoup plus accessible et permet des mises en pages très complexes voir aussi complexes que les sites réalisés à l’aide de tableaux. Lorsque je dis “complexe”, comprenez bien dans le sens graphique (positionnement des éléments etc). Car l’utilisation du positionnement (Float, relative, absolute) est plus difficile à maîtriser que la bonne vieille technique des tables, c’est l’une des raisons pour lesquels de nombreux webdesigners ont peur de faire le pas vers le full css.

L’utilisation du css et de l’xhtml pousse donc les sites vers un plus grand respect des standards édictés par le w3c et en même temps vers un code plus clean.

Les avantages sont donc multiples :

• accès facilité pour les malvoyants (nous en avons déjà à discuté)
• facilité d’entretien du code (le design est extériorisé)
• légéreté des pages (le fichier css est loadé une seule fois et mis en cache)
• propreté du code généré (plus de balises table dans tous les sens)
• référencement accru (car utilisation des balises h1, h2, de plus comme le design est externe, les moteurs ont directement accès à l’info etc)
• actuellement possibilité de customiser l’impression des documents, de créer une feuille de style en braille, pour aural (synthétiseur vocal), projection (projecteur numérique), tv, mobile … certains de ces types de médias ne sont pas encore supporté par tous les navigateurs, opéra par exemple est le seul à supporter le type projection.

Ce qu’il faut en retenir, c’est que parfois, ce n’est pas possible de passer entièrement son site en css (cms propriétaire récalcitrant …) mais il faut absolument séparer le contenu du design au maximum. Que vous conserviez un tableau pour la structure minimum du site, soit mais optimisez vos css.