Qualité du code

Le test de mise en page recherche l'utilisation de HTML non sémantique.

Pourquoi testons-nous ce point ?

HTML sémantique est l'utilisation de balises HTML pour définir la sémantique (ou le sens) des informations dans une page web, plutôt que la façon dont il devrait être affiché. Il est recommandé d'utiliser le langage HTML sémantique pour marquer votre document, puis d'utiliser CSS pour le styler correctement. L'utilisation d'éléments non sémantiques comme <i> et <font> est déconseillée.

Les tableaux étaient traditionnellement utilisés pour mettre en page des pages Web en deux colonnes, mais depuis l'avènement du CSS et des navigateurs modernes il ya quelques années, il n'est plus nécessaire d'utiliser des tableaux pour autre chose que des informations tabulaires. Il est désormais préférable de créer des mises en page colonnaires à l'aide de divs et CSS. Cela facilite également le rendu dans les navigateurs non visuels ou lorsqu'une feuille de style sites n'est pas disponible.

Comment testons-nous ce point ?

Nous cherchons des éléments à l'intérieur des cellules de table qui pourraient indiquer l'utilisation de tables pour la mise en page. Il s'agit notamment des divs, des titres et des tableaux. Nous cherchons également des balises de présentation en HTML comme la balise de police, la balise en gras et la balise en italique.

Que puis-je faire ?

Il pourrait ne pas être facile, mais vous devriez convertir toutes les pages de votre site qui utilisent des tables pour la mise en page à utiliser divs et CSS. Utilisez uniquement des tableaux pour des informations tabulaires, p. Ex. Un tableau des prix. Au lieu d'utiliser des éléments de présentation pour mettre en forme le texte, utilisez des éléments sémantiques appropriés puis créez-les avec CSS.