Votre avis sur mon site : CV

Merci de me communiquer vos remarques sur ce site "cv". J'ai quelques petits soucis avec la validation w3c de mes infos bulles (page portfolio). Merci d'avance !
www.marmignon-cv.fr

Bonjour,

Page Références :

- header : le texte alternatif de votre image est, selon moi, incorrect il faut qu'il reprenne au minimum ce que l'image contient comme informations, à savoir : "votre nom et prénom, Chargée de communication - e-contenus- chefs de projets - .... - enchefs-contenus"

- dans vos textes alternatifs, la mention "image" est inutile et s'avère même être une "pollution" visuelle et sonore, notamment pour les utilisateurs de synthèses vocales d'un lecteur d'écran

- selon moi, l'image "références" devrait être encapsulée d'un <h1> avec comme texte alternatif "Références".
Du coup, les titres "Chargée de communication 2008 / Rennes Ecole des Hautes Etudes en Santé Publique" et "Chef de projet 2007-2008 / Rennes Groupe La Poste - Agence de Communication Intégrée" deviendraient, par la même occasion, des <h2>

- préférer des <h3> à des <span> (sans valeurs sémantiques) aux titres suivants : "Communication web", "Communication externe " , "Communication externe " etc ...

- penser à renseigner correctement les sigles et autres abréviations (CMS, RH, PLV, CV, ...) - exemple : <abbr title="Content Management System" lang="en">CMS</abbr>

Remarques d'ordre ergonomique :

- la justification des vos paragraphes ont tendance à nuire à la lisibilité du contenu (espacements entre les mots)

- interlignage sur les paragraphes trop important (avis subjectif)

Remarques diverses :

- selon moi, une couleur "chaude" sur les liens ou titres par exemple ne serait pas de trop pour égayer un peu le tout

- le "Site réalisé sous Dreamweaver" n'est pas très valorisant, peut-être préférer un petit "copyright"

la suite aux prochaines épisodes ...

bonne soirée
Modifié par mecho (26 Mar 2009 - 22:01)

Bonjour,

* Premier constat : L'image header me perturbe : le G est coupé, et le texte en vague est très difficile à lire. C'est domage car il représente une information importante.

* Il faut revoir la meta description, je trouve son contenu un peu lèger :

<meta name="Description" content="Chargée de communication éditoriale, Rennes, chef de projet communication à rennes."/>

. Il n'apporte que très peu d'information supplémentaire au titre de la page (qui d'ailleurs devrait contenir votre nom. Pour info, google va utiliser cette balise description dans la page de résultats de recherche, sous le titre du site, l'information doit donc être complémentaire, et "attirer l'oeil".

* Je confirme la remarque de mecho, le texte alternatif de voter bannière n'est pas suffisant, il vous fait même défaut :

<img src="img/tetiere3.jpg" alt="image chargée de communication éditoriale"/>

Actuellement, un visiteur qui aurait désactivé les images, n'aurais aucune idée de votre identité, puisqu'aucun nom n'est donné avant le footer.

* Le menu sur la gauche du texte est assez perturbant. En effet, il est très collé au contenu sur la droite et extremement espacé, si je n'avais pas lu le code source de la page j'aurais cru qu'il faisait partie du contenu de la page référence. Il faut faire en sorte que le menu se démarque bien comme étant un menu dissocié du contenu de la page.

* Les intitulés de vos références me semblaient, à première vue, être des liens (puisqu'ils ont la même couleur que les liens du menu), j'ai été déçue de ne pas pouvoir cliquer dessus.

* Il y a un petit bug d'affichage dans les textes de présentation des références. Il faudrait ajouter une marge gauche de la taille des logo sur les blocs de texte, pour éviter que les fins de textes ne viennent se placer sous les images.

* Le menu du footer, m'a l'air très peu intégré avec le reste du site, le fond de couleur étant pour la première fois utilisé. De plus, le graissage au survol est dérangeant puisqu'il modifie la position des autres éléments de ce menu. Le contraste entre la couleur de police et celle de fond pourrait également être augmentée.

* Sur la page formation, il est domage d'utiliser des <br /> pour placer les éléments plus bas.

<span class="beige">Formation à la création, administration et référencement de sites Web :</span>

devrait se trouver dans un paragraphe, et non un span.

* Les infobulles sur la page porfolio sont assez dérangeantes. Elles créent un tramblement du texte qui est sous elles quand celui-ci reste visible (sour IE6). Et l'information qu'elles apportent devrait être directement dans la page. Graphiquement, elles ne sont pas très intégrées dans le site.

* Sur la page contact, il faudrait mettre des label aux intitulés de champs (apparement, il y a eu un essai). La syntaxe pour les labels est la suivante :

<label for="nom">Nom : </label><input id="nom" />

* Les tabndex sont inutiles, puisqu'il suivent le sens de navigation natif.

* Si le formulaire comporte des erreurs, il faut que l'utilisateur puisse modifier les informations rentrées et sache où se trouvent les erreurs. Un message comme : "Vérifiez que tous les champs soient bien remplis et que l'email soit sans erreur." Sans le formulaire en dessous, ni bouton "retour au formulaire" n'est pas suffisant.

Bon c.v, malgré quelques réajustements Xhtml et Css nécessaires. Poursuivez vos efforts... QUALIFIEZ vos titres de page et VOS Images. Après la forme et le style il est temps pour vous de valoriser votre travail pour en tirer les fruits. Veillez à augmenter votre popularité rapidement
{.. mais sans excès ..} .
Bonne chance pour votre recherche d'emploi. Modifié par altenide (27 Mar 2009 - 23:09)[/edit]

div#menuGauche: le contenu devrait être indépendant de la forme, ça n'est pas le cas de cet 'id', tu risque d'aboutir à quelques inconsistances si tu changes le style de ta page un jour.


La remarque suivante est un peu particulière, en effet on suppose trop souvent que la couleur de background par défaut - lorsque elle n'est pas précisée dans le css - est blanche, et la couleur de foreground noire, ça n'est pourtant pas forcément le cas.

Ainsi, tu fixes background-color à blanc pour ce div#menuGauche, mais pas pour les autres éléments, ce qui donne un aspect quelque peu inattendu à ton CV. Pour t'en donner une idée, et si tu utilises firefox:

=> about:config
change, par exemple la valeur de browser.display.background_color en #232323
et browser.display.foreground_color en #797979

et regarde ton CV, pour comprendre.
Modifié par samlt (31 Mar 2009 - 09:49)

Effectivement. Je viens d'indiquer un background blanc.
Merci.

Pour éviter l'accordéon du footer au survol il faudrait fixe la taille des li