3246 sujets

Critiques de vos sites: code et design

CV en retard pour le concours - http://www.beathryx.net/cv

Hello à tous,

voici un autre CV qui arrive après la deadline du concours - je l'avais pas spécialement fait pour, mais je comptais le poster jusqu'à ce que je m'aperçoive qu'il était fini :
http://www.beathryx.net/cv

ça reste très très simple en termes de code mais j'ai essayé de faire quelque chose de sympa pour le design....

Merci par avance pour vos critiques constructives !
Modifié par Laurie-Anne (26 Apr 2010 - 10:01)
Salut,

j'aime bien mais ça donne presque plus envie de t'embaucher pour ton côté créatif que pour celui de chef de projet.

Peut être qu'un peu de détail sur ce que tu as pu faire en pro serait un plus.
Bonjour,
Vraiment dommage que tu n'ai pas pu le livrer à temps, il est très bien ! Un peu trop full image à mon gout mais l'ensemble est superbe.

Juste une petite remarque en passant, j'aurais compléter autrement le alt et le title de ton image "compétence". Parceque du coup toutes tes compétences n'apparaissent pas. C'est dommage

Et une autre parce que je viens de m'en rendre compte :
Le header "CV de..." : pourquoi mettre une image porteuse de contenu dans les CSS alors qu'en l'intégrant normalement tu auras le même résultat mais en étant plus accessible ?
Merci beaucoup !

Alors :

a écrit :
Peut être qu'un peu de détail sur ce que tu as pu faire en pro serait un plus.


Hmmm en fait j'étais à la base partie de l'illustration au centre. Je ne sais pas trop comment la "surcharger" en restant dans le même esprit. Au début j'avais pensé à des ptits tooltips qui apparaitraient au roll mais je me demandais si l'info en plus en valait la peine ? Non?

a écrit :
Juste une petite remarque en passant, j'aurais compléter autrement le alt et le title de ton image "compétence". Parceque du coup toutes tes compétences n'apparaissent pas. C'est dommage


Tu mettrais la même chose pour le alt et le title ? (enfin un truc du genre "mes compétences : coordination de projet / conception de sites / budget planning tout ça tout ça")

a écrit :
Le header "CV de..." : pourquoi mettre une image porteuse de contenu dans les CSS alors qu'en l'intégrant normalement tu auras le même résultat mais en étant plus accessible ?


Je n'ai pas d'autre explication que : j'ai vu ça ailleurs et j'ai refait pareil bêtement Smiley lol Je vais donc corriger ça.
Effectivement j'aurais mis alt="Compétences : ...tous ce que tu sais faire...", le title je ne sais pas trop si c'est vraiment nécessaire, ni utile.
Bonjour,

Tu noteras que je me suis permis de mettre ton sujet en conformité avec les règles du salon, puisque tu n'avais pas encore tenu compte du message de Mikachu.

Visuellement, j'ai une impression de brouillon un peu fouilli. Ton écriture n'est pas forcément facile à lire. Cependant, l'idée est intéressante, bien que totalement inaccessible (de part sa réalisation technique) : Les textes alternatifs des images que tu as placées dans le code HTML ne sont pas corrects : ils ne reprennent pas la totalité de l'information portées par les images ; pour les autres images c'est pire : les images sont dans le code CSS et ne bénéficient d'aucun texte alternatif (la présence d'un texte caché ne sert à rien, puisqu'il est caché).

Donc on reprend les bases : une image porteuse de contenu DOIT se trouver dans le code HTML avec un attribut alt (ou longdesc en cas de contenu important) reprennant l'intégralité du contenu porté.

J'ajoute également que l'attribut title sur une image ne sert à rien (surtout s'il répète le contenu du alt).

Ta hiérarchie des titres est potentiellement incorrecte (elle peut commencer à h2 puisque h1 est masqué).

Quel est l'intérêt d'un span répètant le alt de l'image : 
<a href="http://fr.linkedin.com/pub/b%C3%A9atrice-menuel/3/7a/7b9" class="linkedin" title="Visiter ma page LinkedIn">
<span>Visiter ma page LinkedIn</span>
Merci beaucoup pour ta réponse Laurie-Anne (et désolée pour le sujet du message)

J'ai corrigé la plupart des points que tu m'as remontés (mis à part le design global, ça faudra que je prenne le temps de rendre l'écriture plus lisible tout en restant dans le même esprit) :
- remplacement des images dans les CSS par des images en dur dans le HTML
- suppression des titles qui servent à rien sur les images

Pour la hiérarchie des titres : j'ai finalement mis l'image "titre" dans un h1 comme ceci :

<h1><img alt="lapinain - Chef de projet Web" src="./images/header.gif"></h1>


Est-ce une hérésie ? (je l'ai vu par ailleurs en fait et j'ai un peu beaucoup tendance à recopier bêtement ce que je vois ailleurs)
Modifié par Lapinain (15 Mar 2019 - 11:03)
Lapinain a écrit :
Est-ce une hérésie ? (je l'ai vu par ailleurs en fait et j'ai un peu beaucoup tendance à recopier bêtement ce que je vois ailleurs)
Absolument pas, c'est même plutôt une bonne pratique.
Sujet clos
Aller à