Bonjour,
kuroi93 a écrit :
je vous encourage à être sévère à mon égard !
C'est dangereux de faire des encouragement pareils ^^; on verra si c'est nécessaire
Note : Je suis sous IE8, mais si on insiste je peux encore utiliser un poste sous IE6.
Visuellement, désolée, mais sous IE8, c'est moche ^^; J'ai l'impression de voir un site du début du siècle
Le CSS3 c'est sympa, mais il faut bien se dire que peux vont réellement en profiter pour le moment.
Un travail sur les typos permettrait d'avoir un résultat plus agréable même pour les dinosaures (c'est sympa les serif aussi).
Je ne vois pas l'intérêt des mots clés en bas de page (sauf à être une mauvaise technique de tentative de positionnement abusif). Au début, j'ai cru qu'en cliquant dessus (ils ont un rendu différent du texte et je les ai donc immédiatement assimilés comme liens) ils m'amènerait vers des pages de contenu ou des postes de blogs correspondant au thème... mais non. Il serait préférable de les oublier.
Les liens dans les blocs de couleurs '"mes services" ne sont pas suffisamment identifiable : pas de soulignement, pas de changement lors du survol... Il faut arranger cela, sinon personne ne cliquera dessus.
Les fôte d'ortaugraffe, c'est loose quand même sur un site pro ^^;
"L'intégralité de mes réalisations sont valides W3C pour une meilleure compatibilitée entre les navigateurs, et, les normes Accessiweb sont, au mieux, respectées pour une accessibilité optimale. " Phrase à la limite de la compréhensibilité. Il faut vraiment revoir tes contenus, les simplifier, les structurer et ne pas avoir peur des listes à puces.
Ton site supporte extrêmement mal l’agrandissement des caractères (seuls, je n’aime pas les zoom de page), c’est un critère d’accessibilité à revoir.
Ton formulaire de contact ne gère pas vraiment bien les erreurs de remplissage du point de vue de l’utilisateur : les champs obligatoires ne sont pas indiqués, les message d’erreurs ne sont pas optimaux (1 message à la fois alors qu’il serait possible d’afficher tous les problèmes)...
Pour le code :
* Tu ne précise pas la langue du document... Tu as déjà essayé de faire lire à un lecteur d’écran réglé en anglais une page en français ? C’est assez drôle, mais totalement incompréhensible. ^^;
* La meta language n’est pas vraiment utile, c’est Content-Language qu’il faut utiliser.
* Il est préférable de placer les scripts en fin de document, afin de laisser le contenu de la page se charger avant son comportement.
* Tu as des meta totalement inutiles : robots (valeurs par défaut), charset (pas utile ; de plus l’encodage est déjà défini par Content-Type), language (voir plus haut), robots (doublon), author (ne sert à rien), rev (ne sert à rien ; attrape spam), copyright (ne sert à rien), revisit-after (gros mythe, ne sert à rien (les robots passent quant ils le veulent)), keyword (plus utilisée), description (pas intéressante pour présenter un réel intérêt). Toutes ces meta peuvent être supprimées et oubliées.
* Il est préférable de limiter le nombre d’appel au serveur et donc d’éviter d’avoir plusieurs feuilles de style externes.
* Le title de ta page est bien trop long (il ne s’affiche d’ailleurs pas en entier). Pour rappel, le but du title n’est pas de placer des mots clés (ça ne sert de toutes façons à rien) mais d’indiquer à l’utilisateur sur quelle page de quel site il se trouve. Le title doit être unique pour chaque page.
* Title sur les liens PEUT être utilisé pour apporter une information nécessaire à la bonne navigation du visiteur ET supplémentaire à l’intitulé du lien. Dans le cas de ton menu, les titles n’apportent rien (par contre, ils prennent le visiteur pour un idiot). Dans 90% des cas, title n’est pas utile sur les liens ; il est donc préférable de ne pas le mettre.
* La présence de deux <br> consécutif est en général le signe qu’un nouveau paragraphe aurait du être créé. Pour gérer l’espacement entre paragraphes, il faut utiliser les margin et/ou padding.
* L’élément strong est utilisé pour indiquer un passage avec une emphase forte dans un texte. Un strong qui couvre l’intégralité d’un paragraphe (à découper en 3) est une mauvaise utilisation de l’élément. Pour mettre en graisse un paragraphe complet, il est préférable d’utiliser les CSS.
* Il faut éviter les éléments superflus autant que possible :
<div id="ariane"><div id="ariane_cont"><h1>Accueil</h1></div></div>
* Pourquoi ne pas utiliser les éléments de liste pour baliser tes listes ?
* Pour présenter tes dernières réalisations tu utilises le code suivant :
<div class="ref_img">
<a href="http://www.davidfromeaux.com" >
<img src="templates/img/data/davidf.png" alt="www.davidfromeaux.com" />
</a>
</div>
<div class="ref_txt">
<a href="http://www.davidfromeaux.com" >
www.davidfromeaux.fr
</a>
</div>
Le alt sur l’image n’apporte pas vraiment une information utile, puisque cette information est répétée plus bas. Il serait préférable, soit de laisser le alt vide (pas idéal puisque l’image est son seul contenu, mais pas dramatique puisque le même lien se trouve à la suite), soit de faire une description, rapide, du travail réalisé (par exemple : « conception de la maquette graphique et intégration dans le CMS truc du site officiel de Tartempion »).
* Les accesskey présentent vraiment un intérêt très limité, par rapport aux problèmes qu’elles engendrent (voir article sur le site).
* Pour les JS, comme pour les CSS, il serait préférable de les regrouper en un seul fichier externe.
Il y a des progrès à faire au niveau du code : être valide vis-à-vis du validateur, ça veux juste dire que la syntaxe est respectée, pas plus. Il faut également penser à la sémantique.
Tu as un conseil à me donner ?
Où ça ?