Critique du site "bigbangmag.com"

Bonjour à tous,

J'ai créé il y a un peu plus d'un an un site web pour un petit magazine de musique, en me lancant sans aucune connaissance préalable. Après plusieurs moutures très amateuristes, et de nombreuses heures passées à me documenter et à parfaire mon travail, je suis arrivé à la version actuelle, que vous pouvez voir à cette adresse : http://www.bigbangmag.com/

Je souhaiterais aujourd'hui avoir quelques avis constructifs sur ce travail.

Merci d'avance pour vos avis,

Olivier

Bonjour,

Ma première impression est plutôt agréable, mais je laisse les spécialistes commenter l'aspect purement graphique.

Tu as structuré le contenu avec des éléments hn, c'est bien.

Tu as pensé à l'attribut alt, c'est bien aussi mais... tu as négligé l'essentiel : les images de ton menu !
Celles-ci sont reprises dans la feuille de style, donc pas d'attribut alt possible, donc le menu n'existe plus si les images ne sont pas disponibles (désactivées avec un navigateur graphique, inexistantes pour une synthèse vocale...).

Le contenu du sommaire est particulièrement difficile à lire : noms tout en majuscule, caractères en gras, alignement centré... tout ce qu'il faut pour que le regard peine à suivre.

Voilà, tu as quelques améliorations à envisager
Bon courage !
Modifié par Monique (03 Aug 2006 - 13:14)

Bonjour,

L'ensemble me plait bien. C'est bien lisible.

Par contre j'aime beaucoup moins le mot accueil dans le bandeau. Je trouve que ce serait mieux sans.

Au niveau accessibilité, tu devrais rajouter le nom des pages dans la liste de ton menu car si on désactive les images ou la css on a plus de menu.

<a href="index......>Accueil</a>

Amicalement.
Modifié par Otto Didact (03 Aug 2006 - 17:18)

Merci beaucoup pour ces remarques ! Je n'avais pas fait attention à ce problème d'accessibilité sur mon menu...

Un problème d'ailleurs assez difficile à résoudre, puisque les images du menu sont des backgrounds en roll-over (donc pas d'attribut "alt"), et que le texte du lien fait partie intégrante des images.

Du coup, plutôt que de tout refaire, j'ai mis en oeuvre cette solution : j'ai placé sur chacun de mes liens un petit gif transparent auquel j'ai rajouté un attribut "alt".

Qu'en pensez-vous ?

Olivier

Les couleurs sont harmonieuses et bien intégrées au lettrage. Perso, je mettrais une bordure autour du cadre, avec un effet d'ombre externe ou interne, dépendamment de la couleur choisie.

Par contre, en arrivant sur ton site, j'ai d'abord pensé qu'il s'agissait d'un site traitant d'horoscope ou de voyage astral... Je crois qu'il faudrait quelque chose d'un peu plus "punché" pour de la musique progressive.

De plus, je trouve que tes boutons (menu et autres) et background sous tes titres font drôlement "tutos photoshop trouvés sur le net". J'aime pas du tout

L'emploi de tableau dans ton cas est selon moi, injustifié, d'autant plus que tu t'en sers à chaque fois pour mettre du texte à la droite d'une photo. L'emploi d'une classe allègerait ton code.

Je suis aussi du même avis que Monique par rapport au contenu de sommaires. Au lieu des majuscule, je crois qu'il serait préférable d'utiliser une autre couleur (sobre)

Bonsoir,

Molusk a écrit :
Du coup, plutôt que de tout refaire, j'ai mis en oeuvre cette solution : j'ai placé sur chacun de mes liens un petit gif transparent auquel j'ai rajouté un attribut "alt".

Qu'en pensez-vous ?

Bien tenté, mais... perdu !

La désactivation des styles CSS fait disparaître le menu, sans que tes alt puisse apparaître.

Idem pour la désactivation des couleurs uniquement.

Ce n'est guère plus accessible avec les gif que sans (sauf dans un lecteur d'écran).

C'est pour tant simple: Un lien ne doit jamais être vide, et une CSS ne doit jamais servir à faire du pseudo-contenu.

Sgrmbl
Modifié par Laurent Denis (03 Aug 2006 - 23:50)

Laurent Denis a écrit :

Bien tenté, mais... perdu !

La désactivation des styles CSS fait disparaître le menu, sans que tes alt puisse apparaître.

Ah, mais c'est que je ne suis jamais à cours de solutions foireuses ! Je propose maintenant celle-ci : rajouter le lbellé de mes liens à l'intérieur d'une balise <span> avec la mention de style "visibility: hidden". De cette façon, le texte apparaît dès que les css sont désactivées !

Ok, je suis conscient que c'est du gros bricolage, d'autant que cela ne marche pas si l'on désactive seulement les couleurs. Mais tout de même, avant de refaire complètement mon menu, c'est déjà un peu mieux ?

Olivier

Bon, je viens de rafistoler mon menu avec ces quelques rustines, et cette fois les liens s'affichent quand on désactive les css (et il passe la validation W3C). C'est déjà çà.

Sinon :

largowin a écrit :

L'emploi de tableau dans ton cas est selon moi, injustifié, d'autant plus que tu t'en sers à chaque fois pour mettre du texte à la droite d'une photo. L'emploi d'une classe allègerait ton code.

En fait, j'utilise ces tableaux pour centrer verticalement le texte par rapport à l'image. En effet, selon la quantité d'information que je souhaite mettre, il n'y a pas toujours le même nombre de lignes en face de l'image (cela peut aller de 2 à 4 lignes). Cela m'évite d'avoir à repositionner à chaque fois mon texte.

Mais si quelqu'un a une autre solution, je suis preneur !

Merci à tous.

Salut

Graphiquement, la banniere serait a refaire...le halo n'est pas genial...A la rigueur tu peux essayer de faire un "montage" photo concernant la musique...

Salut,

Pour moi le texte est trop noir et trop gros. Les boutos sont trop simple est reprenne exactement le meme graphisme que le haut des divs ce rend le site un peu monotone. Je trouve les couleurs un peu trop triste à mon gout. Ce serait bien que tu arrive à bien séparer les différents éléments et les personnaliser un peu. Ce qui manque en fait est tout simplement une charte graphique je pense.A+