Bonjour,
Design :
* Quelques petites incompatibilités avec IE6 (menu / PNG transparents).
* Je ne sais pas pourquoi j'ai deux boutons "Recherche". Surtout que seul un des deux est fonctionnel.
* Le canard est vraiment de mauvais goût, sur un portfolio ça risque peu de plaire (à moins que tu souhaites de faire recruter par une dominatrice...).
* Ton nom, qui, sur ton portfolio, devrait être l'élément le plus important est à peine visible (et encore moins sous IE6 ^^; ).
* Le papillon (élément assez féminin) tranche avec le reste du site (plutôt masculin).
* Les éléments du menu ne peuvent pas être redimensionnés... c'est embêtant, d'autant qu'ils sont écrit assez petit. Un effet de survol ne serait pas non plus du luxe (quitte à utiliser une image, autant qu'il y ait une raison derrière).
* J'ai toujours eu du mal avec la présence de publicité sur un portfolio ; sur un blog je comprends, mais un portfolio est sensé être une vitrine te vendant TOI, et non les clients de Google. La présence de pub met également à mal ton professionnalisme, ça fait très gamin qui met de l'adsence partout pour espérer récupérer 50 cents à la fin du mois...
* Sous les créations il y a un cadre, vide (à part pour le titre du site), ne devrait-il pas y avoir du contenu dedans ?
* Il n'est pas évident que les miniatures sont cliquable (principalement car le curseur ne l'indique pas).
* Il s'avère que ce que j'ai pris pour un menu sur la droite n'en est pas un ; ça pose un sérieux problème d'organisation...
* Les icones pour "téléchargé" (faute d'orthographe à corriger) ton CV semble disposée où elles sont un peu au hasard.
Code :
* Le titre de ta page ressemble plus à une succession de mots clés qu'à un titre. Là encore l'élément important est relégué à la fin : ton nom devrait être au début du titre, c'est ce qui identifie ton site ; des dev web/infographiste il y en a plein, des Jean-Marie Collin, il y en a beaucoup moins !
* l manque une meta description que les moteurs de recherche pourraient afficher dans leurs pages de résultats ; sous ton titre à mots clés, ce ne serait pas un luxe. Pour info,
la description actuellement affichée par google est : "Téléchargé mon CV au format PDF • Téléchargez mon CV au format Word Curriculum Vitae. Zelife | Club4Ever | U-Web | U-Mods | PrestaDev | EMC". Ce qui ne donne aas vraiment envie de visiter le site... La description doit, bien évidemment, comme le titre de page, être unique pour chaque page.
* Les appels aux documents JS externes devraient se trouver en fin de document, pour éviter de ralentir le chargement des éléments importants du site : son contenu.
* Ne serait-il pas possible de diminuer le nombre de scripts JS (7 fichiers externes + 3 scripts en lignes qui seraient bien mieux dans des fichiers) ?
* Les 4 fichiers CSS de base sont-ils absolument nécessaires ? Pour chaque page ? Ne serait-il pas possible de les fusionner ?
* J'ai l'impression que tu fais un peu de divite aiguë :
<div id="wrap">
<div id="body">
<div id="bg">
<div id="page">
<div id="header">
* Un peu de révision :
<a href="media/cv/jm_collin_cv.pdf"><img src="img/pdf.png" alt="Téléchargé mon CV au format PDF" title="Téléchargé mon CV au format PDF" /></a>
Title
peut être utilisé sur les
liens pour apporter une information utile et nécessaire à la bonne navigation du visiteur. Il ne
doit pas être utilisé pour paraphraser l'intitulé du lien (ici le contenu du alt). Dans ce cas précis, le problème se pose car l'intitulé du lien, évident pour ce qui utilisent le contenu de alt, ne l'est pas pour ceux qui visitent le site "normalement". Je ne pense pas que l'utilisation redondante de alt et title soit pour autant une bonne solution, je pense qu'il faudrait plutôt revoir la structure de cette partie de l'information (qui est particulièrement importante, et pourtant mal mise en avant). Dans le cas des autres liens du site, tu peux sans hésitation supprimer quasi tous les titles qui ne servent à rien à part bêtement répéter l'information des intitulés de liens.
* Ton formulaire de recherche est une catastrophe d'accessibilité : Il n'a aucun label (même non balisé) aucun titre, si les images sont désactivées (ne peuvent être affichées), impossible de savoir ce qu'il fait.
* Ton menu ne comporte pour le moment que 2 éléments visibles (les autres étant en commentaire) mais il pourrait être judicieux d'utiliser une liste pour le baliser (plutôt que d'avoir des a se baladant dans un div sans structure aucune).
* Le alt d'une image doit donner la même information que l'image elle-même :
<img src="img/myid.png" alt="My ID" title="My ID"/>
* Si tu n'as pas de projet à présenter dans les cases 7, 8 et 9, il est préférable de ne pas les afficher, ou alors de leur donner un alt vide.
* Le onclick des vignettes devrait, déjà être un onfocus pour mettre la navigation au clavier et, se trouver sur un a (pour que les vignettes réagissent comme des liens au survol).
Modifié par Laurie-Anne (05 Jan 2010 - 10:30)
)
Elles peuvent avantageusement être réduites à 2 lignes seulement (et avec les bons types MIME), que voici :
ceci dit la recherche va certainement dégager puisqu'il n'y a rien à chercher ^^'