Bonjour,
Il y a quelques points à revoir au niveau code :
* La langue du document n'est pas précisée, ni dans HTML, ni dans les meta...
* La meta Keyword ne sert strictement à rien et peut donc être supprimée.
* La meta Description doit être étoffée, elle doit donner envie de cliquer sur le lien (car c'est sa seule utilité).
* Les scripts JS devraient être dans un fichier externe et appelés en fin de document.
* Pour faire un É il suffit de faire Alt+0201. Il est préférable d'accentuer les majuscules.
* Une balise HTML vide est une balise inutile qui devrait donc être supprimée :
<div id="bandeau"></div>
Si, en plus, elle sert à afficher une image porteuse de contenu, telle le titre du site, c'est une erreur (d'accessibilité, de référencement et de logique). Si l'image ne peut être affichée (raison technique du visiteur ou problème de l'hébergeur), le site n'a plus de titre (qui d'ailleurs devrait être un h1). Les images porteuses de contenu DOIVENT TOUJOURS se trouver dans le code HTML avec un attribut alt dûment rempli.
* L'utilisation de onfocus est à préférer à onmouseover, qui restreint le survol à la seule souris. Les personnes qui naviguent au clavier ne bénéficient donc pas des effets de survol ; c'est dommage.
* Attention à l'utilisation de title sur les liens : Title, sur les liens,
peut être utilisé pour apporter une information utile et nécessaire à la bonne navigation du visiteurs ; elle
ne doit pas être utilisée pour paraphraser l'intitulé du lien (créant ainsi une redondance désagréable et une infobulle superflue) :
<a id="a_partenaires" href="index.php?page=partenaires" title="Nos partenaires">Partenaires</a>
* Quand je vois ça :
Je me dis qu'il y a un problème. Il est possible de faire un alinéa en CSS avec text-indent.
* L'utilisation de png avec transparence alpha dans le menu n'est pas justifiée, puisque le fond est uni. L'utilisation de gif ou png sans transparence alpha permettrait d'afficher ces images correctement dans IE6.
* l'utilisation d'unité de police fixe (px) empêche le redimensionnement des caractères sous IE6 et 7. Il est préférable d'utiliser des unités relatives (em ou %).
* Sous IE6 le formulaire de contact est complètement décalé et devient, de fait, difficile à utiliser.
* Mettre un astérisque (*) pour indiquer les champs obligatoires du formulaire c'est bien, indiquer qu'elle est la signification de cet astérisque c'est mieux.
