Utilisation appropriée des balises et des feuilles de style
Par Victor Brito, le jeudi 14 février 2008, à 15h00 - Moyens techniques - Lien permanent
Les différentes balises existantes, ainsi que les feuilles de style, sont définies pour un usage précis. Il convient donc de ne pas s'en détourner.
Utiliser une balise à des fins autres que son usage prévu complique l'accessibilité d'un document Web. Il ne faut pas oublier que certains outils, comme les lecteurs d'écran, analysent la structure du document Web, notamment les balises employées, et peuvent restituer certains détails, comme le type de balise ou le nombre d'éléments contenus par l'élément encadré par ladite balise. Par conséquent, il convient d'utiliser une balise pour son usage prévu : la balise table doit être utilisée pour présenter des données tabulaires, et non pour la mise en page d'un document, comme cela se fait dans les sites codés « à l'ancienne ».
Les feuilles de style ont vu le jour pour recevoir tout ce qui est nécessaire à la mise en forme du document. La structure et la présentation doivent être séparées. Par conséquent, on évitera de recourir à des éléments ou attributs de présentation (qui sont, en partie, désapprouvés par les spécifications du W3C, voire obsolètes), comme font : à la place, on utilisera les CSS. De plus, une balise ne doit pas être utilisée pour la manière dont elle est affichée par défaut sur les navigateurs : pour indenter du contenu, on préférera la propriété CSS text-indent à l'élément blockquote (qui balise une citation longue) ; de même, on évitera d'utiliser h1 ou h2 pour obtenir du gras et une taille de police plus grande si le contenu n'est pas un titre de section de niveau 1 ou 2.
Il est préférable, lorsque des balises appropriées existent, de les utiliser plutôt que de recourir à une image. Par exemple, on utilisera MathML pour baliser une équation mathématique. De même, on évitera l'image pour représenter du texte.
Enfin, la structure d'un document Web doit être validée par des grammaires publiées. Autrement dit, dans le cas d'un document HTML, une DTD doit être renseignée, indiquant la version de HTML et le mode utilisés (HTML 4.01 Strict, par exemple) ; dans le cas d'un document XML, s'il obéit à un ou plusieurs schémas précis, l'espace de nom respectif doit être renseigné dans l'élément racine. Le document Web doit être syntaxiquement valide, ce qui suppose que sa structure soit bien formée et que les éléments éventuellement imbriqués le soient correctement (cas des listes dl, ol et ul, par exemple).
