Lyc?Bernard Palissy, 17100 SAINTES
Lycée Bernard Palissy, SAINTES Académie de Poitiers

Règles de développement HTML

Dans la même rubrique

Dans la même rubrique

Vous venez de créer un nouveau site Web.

Est-il accessible au plus grand nombre et conforme aux spécifications actuelles du Web ?

Il est sage de vérifier que vous avez une bonne méthode avant de continuer votre développement. Ce petit investissement vous permettra d’économiser beaucoup de temps par la suite.

Les vérifications de l’accessibilité

-  Ne réduisez pas votre développement à l’affichage sous Microsoft Internet Explorer. Ce navigateur grand public, techniquement et fonctionnellement obsolète, et utilisé par les internautes non avertis, est de plus en plus concurrencé par des navigateurs conformes aux spécifications actuelles du Web.

  • Internet Explorer 6.01 fonctionne aussi bien que Internet Explorer 5.0 sur des Pentium 133Mhz (en fait peu d’évolution de ce navigateur depuis 1999), donc ne cherchez pas à obtenir une présentation précise pour IE5, assurez seulement l’accessibilité de l’ensemble des liens, même si l’affichage est altéré.
  • Navigateurs actuels : Mozilla, FireFox, Panorama des navigateurs ...
  • Parts de marchés des navigateurs : Journal du Net, Panorama de eStat, Browser News, W3 Schools

-  Ne réduisez pas votre développement à une résolution spécifique. Eviter les mentions du style “Optimisé pour 800x600”. Essayez votre site depuis les résolutions 800x600 (voire 640x480 sur les PDA maintenant) jusqu’à 1600x1200. Définissez, autant que possible, des tailles de blocs (calques, cellules de tableau, ...) en dimensions relatives et non en pixels.

-  N’imposez pas JavaScript pour que votre site soit accessible. Les services informatiques de certaines grandes entreprises ont désactivé Javascript pour des raisons de sécurité (et parce que c’est rarement nécessaire à la définition d’un contenu). N’utilisez Javascript que pour quelques effets visuels spécifiques.

  • Parts des navigateurs ayant Javascript activé/désactivé :

-  Limiter le poids des pages :

  • par le poids des images : limiter chaque image à un grand maximum de 15 ko (30ko grand maximum si elle est importante), et l’ensemble de la page à 50ko (100ko grand maximum si il y a du contenu)
  • par le poids du html lui-même, en évitant les nombreuses tables imbriquées dans les tables, tables qui ne doivent aujourd’hui plus servir à faire de la présentation, mais seulement à fournir des données tabulaires.

-  Eviter de définir des tailles de polices en pixels (12px). Préférez plutôt une taille de police en points (10pt), pour laquelle les mal-voyants peuvent augmenter la taille d’affichage par leur navigateur.

-  Définir toujours un texte alternatif pour chaque image, par l’attribut « alt=’descriptif’ » de la balise « img src=’...’... ». Les non-voyants obtiennent ainsi une synthèse vocale du descriptif de l’image.

Les vérifications de la conformité aux standards du Web

-  Eviter de mettre des attributs de mise en forme ou de positionnement dans votre fichier HTML. Le fichier HTML ne doit contenir que des informations de contenu, avec la syntaxe et le vocabulaire adapté (h1, h2, h3, p, ul, ol, li, blockquote, ...) et être lié à une feuille de style CSS qui, elle, contient tous les éléments de mise en forme.

  • De plus, si cette feuille de style est commune à tout votre site, vous pouvez modifier l’apparence de l’ensemble du site par la modification de la seule feuille de style CSS.
  • La maîtrise de la présentation d’une page Web par feuille de style externe demande un travail certain d’apprentissage. Mais cet investissement est appréciable par la suite dans la qualité du travail et dans le gain de temps obtenu.

-  Vérifiez la conformités de vos pages aux standards du Web :

Des liens

-  Profitez de la communauté Internet

-  Edition Web

-  Gestion des CSS

-  Outils divers

Répondre à cet article

Sommaire

Naviguez mieux avec FireFox

Contributions

Mon 08 Sep 2008, 17:38

Syst šme de Publication pour l'Internet