Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

24 - Le code source de chaque page ne contient pas d'éléments détournés à des fins de présentation.

Thématique
Phase Projet

Objectif
  • Permettre l’exploitation pertinente du code source par les agents utilisateurs (les navigateurs, les robots d’indexation des moteurs de recherche, les plages brailles, etc.).
  • Alléger le code source en déportant la mise en forme dans les CSS.
Mise en œuvre

Utiliser les éléments HTML en respectant leur rôle sémantique.

Utiliser exclusivement les styles CSS pour obtenir des effets de mise en forme.

Contrôle

La vérification de cette bonne pratique couvre un très large éventail d’erreurs potentielles, parfois inattendues. Pour chaque page examinée, il faudra vérifier que chaque balise a été choisie suivant le sens sémantique prévu par la grammaire utilisée. Pour cela, deux méthodes sont possibles :

  • Vérifier, dans le code source de la page ou à l’aide de Firebug, que chaque élément HTML est utilisé conformément à la DTD indiquée pour le document.
  • Afficher la page sans styles CSS (par exemple à l’aide de la Web Developer Toolbar). Cela vous permettra de repérer immédiatement les textes qui apparaissent avec une mise en forme particulière (taille importante, mise en gras, indentation, etc.). Vous pourrez également contrôler que l’application des balises qui entraîne cette mise en forme est justifiée (par exemple, s’il s’agit bien d’un titre balisé avec un élément de titrage h1 ou d’une citation balisée avec un élément block-quote).

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne