Avis sur la v2 de http://www.20syl.com

Bonjour tout le monde,
je viens de revoir il y 'a une semaine la totalité de mon blog.

http://www.20syl.com

Au mois de Février, j'avais décidé de créer mon blog moi même en xhtml et css, et après quelques mois d'utilisation, j'ai souhaité passer sous dotclear.

Résultat: je prend encore plus de plaisir à bloguer, mais j'espère que les lecteurs en prenne eux aussi d'avantage, c'est pourquoi je viens ici pour demander votre avis sur le design, l'ergonomie...

merci d'avance de vos critiques, et du temps que vous passerez à me répondre

bon tampis

Personnelement je le trouve vraiment très joli et je n'ai pas grand chose à redire si ce n'est qu'il est peut etre dommage que tout les elements soit tout en bas et qu'il n'y ait aucun moyen d'y acceder depuis le haut du site . Tu devrais peut etre faire un petit menu inline de rappel vers les parties principales (portfolio etc..). Niveau validation, c'est pas la fete. Tu indique que le site est valide xhtml et ca n'est pas le cas comme très souvent sur les blos qui indiquent qu'ils sont valident. Pkoi ? pk'ils sont valident au début et après les ajouts modifiaction évidement les risques de ne plus l'etre sont beaucoup plus grands. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.20syl.com%2F
Voila ya 7 erreurs
Le css est lui par contre valide
Le site passe sous Ie Mozilla et Safari mais bon comme il est basé sur dotclear ca aide quand meme ...
On voit bien tout quand on desactive la feuille de style donc ca va en therme d'accessibilité.
Par contre évidement il y a beaucoup moins de mérite que si tu avais crée le site de a à z, c'est "peut etre" pour ca qu'il n'y a eut aucune réponses à ta demande d'avis.

Voila bravo a+

Surtout... le 8 aout, quand tu as posté le sujet, il y avait encore en première page l'article du 4 aout "Humour et critique dans l'art d'aujourd'hui"... Ce qui poussait la taille de la page à "Total 2647 kb" ... perso je m'étais arrêté là (y'a des gens qui n'ont pas l'ADSL... sisi ). De plus, le alt de toutes ces énormes images n'est pas renseigné...

Le plus difficile dans l'accessibilité, ce n'est pas de faire un template potable pour dotclear, mais bel et bien de faire des contenus potables ...
Modifié par Nathan- (12 Aug 2006 - 10:01)

Bonjour,

Très rapidement :
- le choix de répartition verticale se défend, mais un lien plus explicite que le (fixe) "Haut de page - Bas de page" serait nécessaire pour ne pas dérouter le visisteur.
- la partie blog a un sérieux problème de contrastes de couleurs avec le bleu, et les problèmes d'accessibilité habituels de dotclear avec les liens ayant des libellés identiques ou non explicites
Modifié par Laurent Denis (12 Aug 2006 - 10:04)

Nathan- a écrit :


Le plus difficile dans l'accessibilité, ce n'est pas de faire un template potable pour dotclear

Oui. Quoiqu'il faille tout de même corriger beaucoup de choses pour rendre accessible un blog DotClear.

Laurent Denis a écrit :

Oui. Quoiqu'il faille tout de même corriger beaucoup de choses pour rendre accessible un blog DotClear.

Mais une seule fois... ...

Mais encore...

-Titre identique sur toutes les pages <edit>principales</edit> du blog (20sly.com, le blog)

-Chaque <area> d'une <map> doit avoir son propre alt en décrivant la fonction

-<img src="/dotclear/images/flam.png" alt="flam"/> : Ce alt ne veut rien dire... soit c'est de la déco et on met alt="", soit c'est important, et on met alt="Flamand vert". (pareil pour alt="com", alt="link", alt="tag",...)

-Les liens (pour voir l'article, les commentaires, les sections) ne sont pas évidents à trouver.

-Les lang="fr" et hreflang="fr" ne sont pas indispensables dans une page en français (mais je pense que ca ne dérange pas)

-<a href="http://www.designinteractif.net/index.php?2006/08/10/362-les-logos-du-web-20-vus-par-une-semioticienne" hreflang="fr">ici</a> : L'intitulé du lien (ici) n'est pas du tout explicite sortit de son contexte. Il faut mettre un title.

-Trackback... je suppose que c'est de l'anglais...

-@#$€%+£%# : ... mérite probablement un <acronym title="pas content"> ...

-<a href="/blog/2006/08/10/13-#co" title="commentaires pour : @#$€%+£%#">3 commentaires</a> : Le contenu de l'attribut title doit reprendre l'intitulé du lien tout en apportant des informations supplémentaires (accessiweb.org). Dans ce cas, il s'agit de deux informations différentes.

-Le logo de "workfriendly.net" mérite un alt non vide

-<li title="C'est une fausse photo vraiment mal faite "> : Un title sur un <li>?? ... ca m'étonne un peu...

-Pour la partie portfolio, le alt des images doit expliquer la fonction du lien ("Voir le site 20sly.com en version rose") (et y'a pas mal de liens morts)

-<a href="/blog/2006/08">août 2006</a> : title="voir les archives du mois d'août 2006".

-valide <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.20syl.com%2F">xhtml</a> :TRICHEUR!!! ... tu fais toujours valider la même page... (pareil pour la validation css)

Meilleures salutations!
Modifié par Nathan- (12 Aug 2006 - 14:36)

Laurent Denis a écrit :
Bonjour,

- le choix de répartition verticale se défend, mais un lien plus explicite que le (fixe) "Haut de page - Bas de page" serait nécessaire pour ne pas dérouter le visisteur.

Bien d'accord ce n'est pas évident que le menu est en bas, mets plutot un lien menu alors (aui amène en bas de page), au minimum ...

Question design, c'est subjectif amsi j'aime vraiment bien, à part peut etre la couleur un peu claire de tes titres d'articles. Un avis parmis d'autres ...

RAF