The trashiest blog in the World...

Aller au contenu | Aller au menu | Aller à la recherche

Un exemple de sémantique web

...à ne surtout pas suivre !

Voici ce que j'ai pu voir aujourd'hui sur le net. Un site du gouvernement français, dont voici un aperçu avec la feuille de style CSS :

eco_stats.gouv.fr.small.jpg

Bon, rien de bien particulier me direz-vous, à raison. Cependant, lorsque l'on désactive les styles CSS, voici ce que l'on obtient :

eco_stats.gouv.fr.nocss.small.jpg

Il semble qu'il y aie un problème là...

Des captures plus grandes sont disponibles :

Qu'apporte donc le titre principal ? L'indication de menu principal ?
Pas grand chose :-/

Pis encore, le cas du Menu de droite, avec un joli titre de niveau 1 (pas visible sur les captures d'écran)... Celui là n'apparait pas avec les CSS, mais sans, il apparait bien entendu par défaut à gauche !

Ceci est un bon exemple de choses à ne pas faire. Les développeurs ont parfois besoin de pouvoir retrouver facilement les grandes parties du squelette de leur page, mais pour cela ils utilisent généralement des commentaires HTML, pas des titres de niveau 1.

On pourra noter aussi l'absence d'espaces entre les différentes entrées sous le menu principal (présentation etc).

Pour le reste, le site n'est bien entendu pas valide HTML 4.01 Transitional, tant qu'à faire...

Moi qui suis relativement attaché à la sémantique web, au respect des standards (X)HTML/CSS et à l'accessibilité... Me voilà servi :-)

Commentaires

1. Le jeudi 1 mai 2008, 11:50 par woupida

Tu joues ma carrière avec ce genre de Post ;-)
Pas grave, je retournerai dans mon ministère d'origine. Sur le trottoir. Euh... pardon, sur la voir publique.