[ Pro ] http://heidiammari.com

Bonjour.

C'est mon premier message sur le forum Alsacréation.

Je me lance en tant qu'auto entrepreneur et je voudrais soumettre à des professionnels le site Internet de mon entreprise. J'ai donc voulu le valider mais j'ai encore des erreurs avec des propriétés très utiles comme moz-radius par exemple et du code HTML dans du JavaScript.

Comme je sais que vous êtes performant concernant les recommandations du W3C, je voudrais savoir quelles décisions vous prendriez pour résoudre ces problèmes (suppression du JavaScript et des propriétés moz ?).

Bien entendu un avis sur le design et l'ergonomie du site me serait très utile aussi

Merci pour vos réponses.

http://heidiammari.com
Modifié par hedbox (26 Aug 2010 - 19:55)

Hello,

alors quelques remarques vite fait :

* déjà je trouve tout cela très zouli !

* par contre en favorisant l'esthétisme le texte n'est pas toujours très lisible entre la fonte YanoneKaffeesatzLight qui est super fine et les tons vert sur vert ou gris sur vert.

* sur la page d'accueil tu utilises des éléments titres Hn sur des éléments... qui ne sont pas des titres et plus loin tu as des H1 immédiatement suivis de H2 (cf. cette astuce). C'est d'autant plus dommage que tu as mis dans le alt de ton header "logo" qui n'apporte aucune information et qui justement aurait pu être un titre.

* d'une manière générale tes alt sont ou très mal choisis ("logo", "slogan", "check") ou renseignés pour des images décoratives alors qu'ils devraient être vides (d'ailleurs ces images seraient très bien dans le css plutôt que dans le html).

* pour finir parce que ça m'attire l'œil c'est "Développement" et le terme "encodage" ne correspond sûrement pas à ce que tu veux exprimer.

Merci beaucoup pour cette réactivité.

Je vais retoucher mon code HTML.

Bonjour,

Je rejoins Heyoan sur un point : ton site est très zouli

Par contre avec une résolution en 1024 (genre mini PC, écran plus tout jeune...) il n'est pas facile à naviguer car trop large et créant l'apparition d'un ascenceur horizontal

Sous IE6, le design est presque parfait, bravo Par contre il y a des bouts de vert qui apparaissent sur la droite (à corriger éventuellement).

Là où ton site pèche, c'est en terme de performance (selon YSlow et Page Speed). Il faut revoir cela en détail.

Pour le code :
* Tu as 6 scripts JS sur ta page, il serait préférable de les regrouper en un seul fichier (et d'externaliser les scripts qui sont dans le code HTML) et de les placer en fin de document (cela permet au contenu de se charger avant son comportement).

* Comme l'a souligner Heyoan, il faut revoir tes alt, en l'état actuels ils sont plus gênant qu'utiles.

* Deux div imbriqué dont le premier ne contient que le second, c'est un div de trop :

<div id="header"><div id="logo"><a href="index.html"><img src="images/logo.png" alt="logo" /></a></div></div>

Idem pour menu container, menu et first_level (la liste ul n'a pas besoin d'être dans un div. Idem pour cube et cu3er-container.

* Plutôt qu'un liens vers Flash Player en alternative à l'animations Flash, un image reprenant un partie de l'anim serait plus judicieuse (je pense qu'il y a plus d'utilisateurs de FlashBlock que de personne n'ayant pas Flash d'installé).

* Dommage d'utiliser des styles en ligne quand tu as déjà des CSS externes.

* L'utilisation de <br> pour gérer l'espacement entre paragraphes est maladroites, utilises deux éléments <p> et gère l'espacement en CSS.

* Les images porteuses de contenu (les logos en bas de page) DOIVENT se trouver dans le code HTML accompagné d'un attribut alt reprenant le même contenu, pas en image de fond.

* Des éléments vides et imbriqués, ça ne sert à rien :

<div id="footer">    
    <div id="logo_js"></div>
</div>

Merci beaucoup a tous les deux pour vos réponses rapide et pertinentes. Je vais faire le nécessaire la semaine prochaine.

Votre réactivité m'a donné envie de participer à ce forum (je vais d'ailleurs commencé de suite en laissant un post sur un outil bien pratique appelé ZenCoding ).

Si je peux vous aider n'hésitez pas a me contacter.