Bonjour à tous

Commençant à manquer un peu de recul, j'aurais aimé avoir des avis sur le site www.audubon.fr, en ligne depuis 2 mois mais que j'essaie d'améliorer quand j'en trouve le temps.

C'est mon 3e site (j'avais proposé le précédent au summer refresh de l'an dernier) et j'ai essayé cette fois de prendre mieux en compte l'accessibilité.

Merci d'avance ...
Bravo ! Smiley biggrin

Juste deux remarques :
- Je trouve que le petit menu tout au dessus devrait être un peux décollé du haut de la page.
- Il n'y a pas d'ombre en dessous.

(j'ai essayé sous firefox et safari)

Vraiment très beau!
Modifié par Whisno (23 Apr 2006 - 18:55)
Merci pour vos commentaires Smiley confused

@ Whisno : tu as raison, j'ai décollé le menu du haut.
Pour l'ombre je verrai ça plus tard.
Merci.
bravo,
cela faisait longtemps que je n'avais vu un site avec un telle qualité graphique... une finesse de traitement que l'on retrouve rarement, des choix iconographiques de bon alloi...

Superbe et érudit... Smiley smile

Sur cette page (http://www.audubon.fr/audubon-leipzig-1.htm) le texte des onglets et mangé au premier agrandissement. Pourquoi ne pas faire en sorte que la hauteur de ces derniers soit proportionnelle au texte (height en em)?
Modifié par fredmac (23 Apr 2006 - 21:19)
Un tout petit défaut graphique :

Dans les deux boites de gacuhe, la bordure du bas dépasse...

Toutefos c'est une broutille, le site dans son ensemble est très sympa (je passerai faire un tour à l'écomusée de saint martin de crau Smiley lol )
fredmac a écrit :
bravo,
cela faisait longtemps que je n'avais vu un site avec un telle qualité graphique... une finesse de traitement que l'on retrouve rarement, des choix iconographiques de bon alloi...

Superbe et érudit... Smiley smile

Tout pareil ! Je suis soufflé, c'est du très bon !

fredmac a écrit :
Sur cette page (http://www.audubon.fr/audubon-leipzig-1.htm) le texte des onglets et mangé au premier agrandissement. Pourquoi ne pas faire en sorte que la hauteur de ces derniers soit proportionnelle au texte (height en em)?

Et au deuxième agrandissement, le contenu dépasse de la zone de contenu (en hauteur fixe ?). Pourquoi ne pas utiliser une hauteur minimale plutôt qu'une hauteur fixe ? Avec un peu de min-height pour avoir une certaine homogénéité lorsque la taille du texte est "normale", et avoir en même temps la possibilité de laisser la zone de contenu s'étendre si besoin.

Autres remarques :
– les images d'en-tête : elles varient et c'est très bien, mais le texte de la partie de gauche, qui reste le même, pourrait rester en place, par exemple. J'ai observé des décalages de quelques pixels, une image ou les deux parties du texte sont plus écartées que sur les autres, et aussi parfois des différences dans la saturation des couleurs du texte.
– dans les sous-menu (sur http://www.audubon.fr/audubon.htm par exemple), le retrait du texte a l'air d'être fait à coup de text-indent. Lorsque le texte d'un lien passe sur deux lignes, il vient se coller à gauche, et n'est pas aligné avec la première ligne. J'utiliserais plutôt un padding. De même, je réduirais la hauteur de ligne, quitte à rajouter du padding en haut et en bas pour ne pas écraser le texte, pour éviter cet écart assez important entre les deux lignes du texte.
– sur la page http://www.audubon.fr/audubon.htm, le portrait d'Audubon fait presque photographique, la qualité de la prise de vue (photo devant une vitre ?) est très moyenne, et la saturation des couleurs jure un peu avec l'esthétique générale du site et des œuvres d'Audubon. La gravure sur la page http://www.audubon.fr/audubon-biographie.htm passe beaucoup mieux dans ce contexte.

Voilà, que des points de détail et du coupage de cheveu en quatre !
Modifié par mpop (23 Apr 2006 - 23:16)
Merci pour vos remarques. Smiley smile

En ce qui concerne les problèmes liés à l'agrandissement des polices, en fait je me suis contenté de prendre en compte le premier agrandissement sous firefox. Le second me paraissait hors de portée et trop casse-tête, je me suis dit on verra plus tard. Merci pour ces pistes, je vais m'y mettre dès que possible.
D'ailleurs le menu principal du site est aussi une horreur avec le premier agrandissement sous IE, mais là j'ai pourtant essayé des solutions sans succès. Smiley ohwell

Freedom_09 a écrit :
Un tout petit défaut graphique :
Dans les deux boites de gacuhe, la bordure du bas dépasse...

Oui je sais .. Je me disais bien que quelqu'un allait le remarquer Smiley rolleyes ... C'est le border-bottom qui dépasse sur l'ombrage. Il me faudrait le virer et mettre la bordure dans l'image.

mpop a écrit :
– les images d'en-tête : elles varient et c'est très bien, mais le texte de la partie de gauche, qui reste le même, pourrait rester en place, par exemple. J'ai observé des décalages de quelques pixels, une image ou les deux parties du texte sont plus écartées que sur les autres, et aussi parfois des différences dans la saturation des couleurs du texte.

Exact c'est impardonnable ça... Pas assez de rigueur dans le calage sous photoshop. Ca fait aussi partie des choses que je savais et m'étais promis de corriger.

mpop a écrit :
sur la page http://www.audubon.fr/audubon.htm, le portrait d'Audubon fait presque photographique, la qualité de la prise de vue (photo devant une vitre ?) est très moyenne, et la saturation des couleurs jure un peu avec l'esthétique générale du site et des œuvres d'Audubon.

Effectivement, très bonne remarque.

mpop a écrit :
Voilà, que des points de détail et du coupage de cheveu en quatre !

Justement, c'est très bien comme ça. Smiley smile
Merci !

@ Death83 : l'ancien menu d'Alsa alors, je ne vois rien de tel sur l'actuel ?
Si tu parles du border-bottom un peu épais, on voit cet effet sur quelques autres sites, c'est pas une exclu.. Smiley cligne
Sinon, pour éviter de devoir créer une page par image, va fair un tour du coté des tuto Galerie d'image de alsacréation Smiley smile
Merci Alan.
Effectivement, le simple passage de la police en % dans le body règle une partie du problème, en corrigeant l'exagération de l'agrandissement.
Ca ne règle pas tout mais c'est déjà mieux.