Bonjour,
Première constatation à l'ouverture du site, celui-ci ne s'affiche pas très bien sous IE6, ou sur un écran de petite résolution.
Seconde constatation, le comic sans c'est mal ! (en plus d'être moche). En matière de design, il est d'ailleurs recommander d'éviter de mélanger plusieurs fontes de types similaire (ici, du sans serif) sur un même écran (hors présentation de traveaux sur une page). Le mélange verdana/comic n'est donc, visuellement, pas très agréable.
Pour ce qui est du code. Ton CMS produit une sacrée soupe de code, très difficile à analyser (et donc à maintenir), c'est domage.
* Les liens vers les feuilles de style dans le header sont beaucoup trop nombreux (23 liens !). Idem pour les script JS.
* Tu dois ABSOLUMENT donner un alt significatif à tes images porteuses de contenu :
<h1><a href="/" title=""><img src="/sites/default/files/handicv_logo.gif" alt="" id="logo" /></a></h1>
Que crois-tu que les utilisateurs de lecteurs d'écran où les robots perçoiveront comme titre principal de ta page ? Rien, du tout... C'est très mauvais pour ton référencement et pour l'accessibilité aux personnes handicapée visuel. Le alt de ton image, dans le cas de cette image, devrait être "handi-co.com", c'est-à-dire le même texte que celui porté par l'image.
Toujours à propos de cette ligne de code, "title" n'est pas un attribut obligatoire pour un lien, si tu compte le laisser vide, autant ne pas l'ajouter à ton code.
* D'ailleurs en parlant de title :
<li class="menu-140 first"><a href="/emploi-centre" title="Emploi et handicap en Centre">Centre</a></li>
<li class="menu-141"><a href="/emploi-est" title="Emploi et handicap dans l'Est">Est</a></li>
<li class="menu-142"><a href="/emploi-iledefrance" title="Emploi et handicap en Ile-de-France">Ile-de-France</a></li>
Ceux qui tu donne dans ton menu principal sont particulièrement redondant et apportent peu d'intérêt à mon goût. Parfois (souvent même), il est mieux de ne pas mettre de title, et plus particulièrement quand ce title recopie excactement l'intitulé du lien :
<a href="/candidat" title="Espace Candidat">Espace Candidat</a>(ainsi qye beaucoup d'auters liens dans la page).
* Ton code semble présenter des symptômes de divite aigüe :
<div id="block-block-24" class="clear-block block block-block">
<div class="content"><div id="fond-slogan"></div>
</div>
</div>
Tous ces div inbriqués sont-ils absolument nécéssaires ?
* Le traitement de votre formulaire de contact est bancal. En cas d'erreur, on se retrouve sur une page hors charte graphique du site, qui compote juste le message d'erreur, sans bouton retour vers le formulaire. Un pré-check en JS avant l'envoie du formulaire serait judicieux, ainsi que revoir la façon dont est traité le formulaire afin de faire en sorte qu'en cas d'erreur le visiteur sache qu'il/elle se trouve toujours sur le site et puisse modifier les données du form sans avoir à retourner à la page précédente.
* Les liens en bas de page (Ils nous soutienent, services, partenaires) prennent beaucoup trop de place dans la page.
Pour finir, graphiquement, même si je n'ai accès qu'à une version qui se dégrade mal, le site manque cruellement d'une identité visuelle. Le design ne "casse pas trois pates à un canard" et est assez "plat". Rien ne ressord, rien dans le design n'évoque les thèmes du site...
ps. : Attention à "Copyright ©", si tu ne paye pas pour ce copyright, tu n'as pas le droit de l'afficher.
