Avis sur le site Weaving Web

Bonjour,

Le design est très agréable, plutôt tendance (le genre qu'on voit beaucoup en ce moment), et efficace. Attention par contre à l'ascenseur horizontal

Pour ce qui est du code :

* Il est préférable de mettre les script JS en fin de document, comme ça il chargent après le reste de la page et ne ralentissent pas trop le site quand ils sont assez lourd.

* Attention à tes textes alternatifs :

<img src="images/logo.jpg" class="logo" alt="Logo Weaving Web"/>

Ici logo n'est pas une information particulièrement utile.

<img src="images/association.jpg" alt="profil association" />

Ici, on perd de l'information, le texte porté par l'image est "Création de site internet Association", le alt devrait contenir la même chose.

<img src="images/xhtml.jpg" alt="Site Valide XHTML 1.1"/>

Ici, l'information donnée par le alt est fausse (XHTML1.0 et non 1.1).

* Attention à tes title :

<a href="home-fr.html" title="Accueil">Accueil</a>

Ici Accueil est redondant. Title doit servir à apporter une information complémentaire à propos du liens. C'ewt un attribut tout à fait facultatif et très peu exploité en général.

* Je ne suis pas fan de ce genre de construction :

<label for="newsletter"><input type="text" value="votre e-mail" name="newsletter" id="newsletter" size="20"/><input type="submit" name="submit" value="OK" /></label>

Je ne sais pas exactement comment sera lu la chose par un lecteur d'écran, mais celà ne me semble pas logique. Considérer la valeur d'un input comme son label et d'autant plus problématique que si l'on ne fait pas en sorte que le texte s'efface lorsque l'utilisateur va vouloir le remplir, il risque de ne pas vouloir prendre la peine de faire la suppression lui même et que s'il s'efface on perd le label.

* Attention à la hiérarchie des titres du site, celle-ci doit être ininterrompue (pas de saut de h1 à h3 sans h2)

* Sur la page actualité, la date d'ajout est quasi illisible, il faut augmenter le contraste des caractères avec le fond.

* Il y a un bug d'affichage avec IE6 sur la page des tarifs et de contact.

* La présence d'un captcha et de l'adresse mail en clair sur la même page est relativement contradictoire.

J'arrête la tartine (c'est une pitite tartine en plus) ici, le site est propre assez facile à utiliser (sur la pade d'accueil, il faut quand même avouer que le bloc actualité qui repouse le second menu est un petit peu perturbant (car le second menu se retrouve un peu bas), mais pas de quoi se tracasser).

Bonne continuation.

Salut Caporal,

D'un point de vu général sur la mise en page, j'aime beaucoup et le site est assez réussi. Cependant, je vois quelques petites « pétouilles » (incohérences, de mise en page, etc.) qui me semblent simples à corriger.

* Attention à l'or taux graff ! Respect des accents même sur les majuscules.
* J'ai l'impression qu'il serait plus judicieux d'améliorer ton niveau de lecture afin d'inciter le lecteur à lire. Pourquoi dans le corps de texte, ne mets tu pas en retrait le bloc texte alors que dans l'en-tête cela a été fait correctement ? Voici capture écran avec corrections afin de mieux comprendre mon propos.
* Je trouve que la page accessibilité. J'ai l'impression que le texte a été placé anarchiquement et n'a pas eu la mise au point qu'il mérite. Ne serait il pas plus rusé de placer un aplat gris afin de faire un rappel de la colonne de gauche (autres pages) et reprendre le même niveau de lecture comme tu l'as fait dans les autres page ?
* Également, je vois que les puces de la page accessibilité ne sont pas du tout pareil par rapport aux autres pages. Est ce normal ? Est ce cohérent ?
* D'un point de vu de l'ergonomie et aussi de cohérence, ne serait pas intéressant de faire un effet :hover gris sur les images cliquables (exemple images page d'accueil) ?
* Dans le formulaire contact, je trouve que les civilités sont placés chaotiquement. Est ce normal ?
* Pour finir, Je ne suis pas trop accroc du pied de page. Peut-être qu'un rappel à l'en-tête serait sympa.

Bonne continuation.
Modifié par Nolem (07 Jul 2009 - 15:50)

Bonjour,

Tout d'abord merci tout plein pour ces "suggestions".
C'est vraiment agréable de pouvoir avoir un avis sur ce que l'on fait, bien souvent dans son coin... du coup il y a des choses qui nous échappent et Ô combien elles ne devraient pas nous échapper.

@Laurie-Anne
Je vais spécifier un peu plus les textes alternatifs de mes images, c'est juste un manque de relecture.
Je viens de voir pour les bugs IE6 (oh lala!), ayant mis cette mise à jour lundi, je n'avais pas passé toutes les pages au terrible test de ce navigateur... je vais prendre soin de corriger tout ça.

@Nolem
Il est vrai que je ne peaufine pas souvent mon niveau de lecture, mais que je suis souvent bien le premier à critiquer celle des autres ainsi que l'orthographe... et je laisse souvent trainer des textes qui sont justes là pour me rappeler que je dois retravailler tout ça...
J'ai aperçu la capture d'écran, mais elle n'est plus accessible, pourrais-tu la remettre?


Je prends en compte tout cela, je vais me hâter à voir ce que je peux faire, et je reposte pour une conte-visite...

Merci bien à vous deux!
Bonne continuation

Argh, le soucis est que imagehack.us a une mauvaise bande passante . Désormais, tu la trouveras en cliquant ici sur ton pseudo.


++
Modifié par Nolem (13 Jul 2009 - 14:50)

Bonjour,

Je me permettrais d'émettre une critique au niveau du menu principal : il faudrait ajouter un effet de hover plus contrasté. Les couleurs utilisées sont trop proches à mon gout. Même chose pour la page en cours, j'ai eu du mal a différencier les pages Associations et Entreprises ( il n'y a que la couleur orange/bleue qui change d'une page a l'autre ).

Sinon dans l'ensemble, design sympa et convivial !