[Semi Pro]- Hypnose de spectacle : http://www.hypnose-spectacle.com

Bonjour.

Je suis nouveau ici, même si je lis beaucoup le site et le forum
Voici un site que je viens de finir pour un hypnotiseur.
J’aurai voulu avoir des avis extérieurs : code et design (même si j'en suis pas super content ... ce jaune beurk ...)

l'adresse : http://www.hypnotherapie-paloise.fr/hypnose_spectacle/
Nota : l'adresse en .com donnée dans le titre ne passe pas au validateur W3C.

@+
Stéphane

Bonjour,


Première remarque : Le site est trop large pour ma config (viewport d’un peu plus de 1024px de large, je réduis ma fenêtre car je fais plusieurs choses en même temps) et avec tout l’espace vide à gauche et à droite, c’est ridicule de me faire scroller horizontalement.

Seconde remarque : « Non, il a pas osé ? » « Ah bah si... C’est un splash screen... ».Un écran totalement inutile qui ne sert qu’à être cliqué c’est le meilleurs moyen de faire partir le visiteur ; d’autant plus que l’on a absolument aucune information, sur la page (la barre de titre n’est pas tellement lue), sur le sujet du site...

Pour le code :
* Quel est l’intérêt de demander à un IE de se comporter comme IE8 (meta X-UA-Compatible) ? Seuls IE8 et supérieurs ( ?) le peuvent (c’est quand même idiot de demander à un logiciel de se comporter comme sa version précédente et pleine de bugs). Pour IE8, lui demander de se comporter comme lui-même n’apport rien si le code est valide (et pour pallier au problème de quirks, il est préférable de corriger son code).

* Il manque une meta Content-Language pour définir la langue utilisée dans le document (en plus de lang)

* En général, on place les feuilles de styles correctives après la feuille de style générale...

* Il est préférable de placer les scripts en fin de document afin qu’ils ne ralentissent pas le chargement du contenu de la page.

* Tes alt et title sont redondants :

 <a id="clic_rideau" href="http://www.hypnotherapie-paloise.fr/hypnose_spectacle/spectacle.php" title=" CLIQUEZ POUR ENTRER DANS LE MONDE DU MYSTERE ET DE L'HYPNOSE "><img src="Images/style/rideau.jpg" alt="Cliquer ici pour ouvrir le rideau" />

Ici, le title (agressif, car en majuscules) n’apporte pas grand-chose. Il, en plus, serait préférable d’indiquer l’histoire du monde de mystère dans le alt.

* Title n’a, en règle générale, rien à faire sur une image, surtout s’il apporte moins d’information que le alt de ladite image...

Tout d'abord merci pour la réponse.

Laurie-Anne a écrit :

Première remarque : Le site est trop large pour ma config (viewport d’un peu plus de 1024px de large, je réduis ma fenêtre car je fais plusieurs choses en même temps) et avec tout l’espace vide à gauche et à droite, c’est ridicule de me faire scroller horizontalement.

Ah oui c'est vrai, j'ai élargie pour rajouter une ombre autour du site qui avant était plus étroit, je n'ai plus pensé à la largeur quand j'ai fait ça, faudra que j'y remedie !

a écrit :
Seconde remarque : « Non, il a pas osé ? » « Ah bah si... C’est un splash screen... ».Un écran totalement inutile qui ne sert qu’à être cliqué c’est le meilleurs moyen de faire partir le visiteur ; d’autant plus que l’on a absolument aucune information, sur la page (la barre de titre n’est pas tellement lue), sur le sujet du site...

Si, si j'ai osé mais ça ma été "demandé" par pas mal de monde (dont le client) ceci dit j'avais prévu d'ajouter un écriteau au milieu du rideau avec plus d'information ... reste juste à le faire !

Pour le code :

a écrit :
* Quel est l’intérêt de demander à un IE de se comporter comme IE8 (meta X-UA-Compatible) ? Seuls IE8 et supérieurs ( ?) le peuvent (c’est quand même idiot de demander à un logiciel de se comporter comme sa version précédente et pleine de bugs). Pour IE8, lui demander de se comporter comme lui-même n’apport rien si le code est valide (et pour pallier au problème de quirks, il est préférable de corriger son code).

A vrai dire je savais même pas exactement ce à quoi servait cette ligne ... j'ai fait une version de ce site pour dépanner et à l'arrache il y a un peu plus d'un an (en tableau ne métrisant pas assez css à l'époque) et cette ligne me corrigeait un problème (je sais même plus lequel), sauf que depuis j'ai tout refait avec css mais ne me suis pas posé de question sur cette ligne, donc merci pour l'explication, je vais la virer dés que possible !

a écrit :

* En général, on place les feuilles de styles correctives après la feuille de style générale...

Sauf erreur je n'ai pas de feuile de style corrective sur ce site.

a écrit :
* Il est préférable de placer les scripts en fin de document afin qu’ils ne ralentissent pas le chargement du contenu de la page.

Oui, je ne l'ai pas appliqué systématiquement (je sais, je manque de rigueur )

a écrit :
* Tes alt et title sont redondants :

 <a id="clic_rideau" href="http://www.hypnotherapie-paloise.fr/hypnose_spectacle/spectacle.php" title=" CLIQUEZ POUR ENTRER DANS LE MONDE DU MYSTERE ET DE L'HYPNOSE "><img src="Images/style/rideau.jpg" alt="Cliquer ici pour ouvrir le rideau" />

Ici, le title (agressif, car en majuscules) n’apporte pas grand-chose. Il, en plus, serait préférable d’indiquer l’histoire du monde de mystère dans le alt.

* Title n’a, en règle générale, rien à faire sur une image, surtout s’il apporte moins d’information que le alt de ladite image...

faudra que je revois ça aussi, j'ai tendance à me mélanger les pédales entre les title et les alt.
En tout cas merci d'avoir pris le temps de regarder le site et de m'apporter ces précisions

Salut, salut,

Ah moi à l'école on me dit de mettre les alt et les titles ensemble sur une image.

Ça me semble logique, alt si le navigateur n'affiche pas l'image comme texte alternatif ou pour les navigateurs auditifs, et title pour donner un complément d'information au survol avec la souris, accessible à tous sans aucun pré-requis.

Ah oui sinon moi je trouve que ton site manque d'ergonomie et d'accessibilités.

L'onglet "accueil" qui nous refourgue le rideau une deuxième fois, c'est redondant et ca n'a pas spécialement d'utilité.

Dans l'onglet "photos" elles sont tous entasser les unes sur les autres c'est le genre de page qui fatigue et qui vous fais plissez les yeux devant notre écran.

Pour l'onglet "agenda" le texte souligner en rouge donne vraiment l'impression que c'est un lien et qu'il est donc cliquable, il faut jouer sur la cohérence interne du site et ne pas souligner un texte qui n'est pas cliquable.

Voila enfin je ne suis qu'étudiant ca vaut ce que ca vaut mais tout les avis sont bons à prendre ^^

à bientôt
Modifié par Gili (01 Nov 2010 - 01:30)

Gili a écrit :
Ah moi à l'école on me dit de mettre les alt et les titles ensemble sur une image.

Ça me semble logique, alt si le navigateur n'affiche pas l'image comme texte alternatif ou pour les navigateurs auditifs, et title pour donner un complément d'information au survol avec la souris, accessible à tous sans aucun pré-requis.

mouais... Sauf que le title n'a vraiment rien à faire sur l'image. Dans le cas d'une image lien, si title est nécessaire (ce qui est vraiment rare (un title : "visiter la page [intitulé du lien], c'est totalement inutile par exemple)), il sera placé sur le lien et non l'image. Dans le cas d'une image non lien, aucun title ne devrait être nécessaire, tout complément d'information utile devrait être placé en texte (paragraphe) pas loin de l'image.

Gili a écrit :

Ah moi à l'école on me dit de mettre les alt et les titles ensemble sur une image.

C'est ce que je croyais aussi, mais Laurie-Anne n'a pas tort dans ce qu'elle dit, surtout sur une image lien, ça ne sert vraiment à rien un title sur l'image.

a écrit :
L'onglet "accueil" qui nous refourgue le rideau une deuxième fois, c'est redondant et ca n'a pas spécialement d'utilité.

C'est pas faux ! Mais ça ne tiendrait qu'a moi, elle n'existerai même pas cette page d'accueil qui sert à rien ! Une page avec l'actualité suffirait largement je pense, et ça éviterai certaines sections "batardes".

a écrit :
Pour l'onglet "agenda" le texte souligner en rouge donne vraiment l'impression que c'est un lien et qu'il est donc cliquable, il faut jouer sur la cohérence interne du site et ne pas souligner un texte qui n'est pas cliquable.

Je l'avais pas vu ça ! C'est le problème d'avoir un CMS, c'est le client qui a ajouté les soulignements, à la limite il faudrait que je lui supprime le bouton souligner, je vais voir ça.

a écrit :

Voila enfin je ne suis qu'étudiant ca vaut ce que ca vaut mais tout les avis sont bons à prendre ^^

Tout à fait, et merci de me l'avoir donné.

Iop

Merci d'avoir soulever se point, j'avais pas vu les choses sous cet angle là.

J'en ai discuté avec mon prof, il a même poussé la chose a dire que sur certaine image ce n'était pas obligatoire de mettre un title, par exemple dans une dl qui servirais de diapo.

Bonne continuation a vous