Hello Pat25,
Zut ! Pendant que je m'affairais ici, à moitié devant la télévision, d'autres sont passés. Du coup, tout ça va sembler un peu redondant.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
(Je crois que la page d'intro est là pour le choix des langues Raphaël.)
Il y a du potentiel dans l'apparence. Ouh, ça fait un peu pompeux de ma part... enfin, je veux dire que je trouve ça sympa !
Voici ce que j'ai relevé :
____________________________________________
SANS LES IMAGES
Il n'y a plus de titre pour le site (ce qui vaut aussi sans CSS). Les références des fédérations, en pied de page, disparaissent également. Il manque un contenu alternatif à ces images.
Au survol du menu, la couleur de texte se confond avec l'arrière-plan.
____________________________________________
LE MENU
Il ne supporte pas l'agrandissement des textes, ce qui fait apparaître immédiatement des "barres noires".
Quand le contenu descend plus bas que le menu, l'arrière-plan de celui-ci ne suit pas. Cela fait une cassure brutale.
____________________________________________
LES IMAGES
L'effet de relief sur les pourtours d'images jure un peu avec le reste du design qui est plat.
Les images de la galerie sont très lourdes : le poids total de la page est de 2138 Ko.
____________________________________________
LE BALISAGE
Ceci est à éviter. Cela va à l'encontre des recommandations. :
liens.title = 'S\'ouvre dans une nouvelle fenêtre';
On ne doit pas imposer l'ouverture d'un lien, d'une image dans une nouvelle fenêtre ou un nouvel onglet. Il faut laisser le choix au visiteur. Le mieux, c'est de différencier les liens externes au site avec une marquage spécial, une apparence propre ou un comportement propre, afin de bien les différencier. Exemple : [ ext ] ; (lien externe) ; etc.
Les liens permettant de remonter en haut d'une page ne pointent pas sur des ancres, mais sont des liens hypertextes, ce qui re-actualise la page.
Ça peut être pénalisant pour les petites connexions.
La page "programme" n'est qu'un seul et unique paragraphes, truffé de balises BR.
Des balises BR se trouvent après des titres Hn.
L'espacement doit être attribué directement au comportement du titre.
Variante pour le test des pages : pour utiliser le validator, on peut utiliser "http://validator.w3.org/check?uri=referer", qui va analyser la page ou se trouve ce lien. Cela fonctionne de même pour le test des feuilles de style.
Quelques paragraphes présentés comme des listes pourraient bénéficier de balises UL.
____________________________________________
ACCESSIBILITÉ ET ERGONOMIE
Comme le menu se trouve au dessus du contenu dans le balisage, des liens d'évitements permettraient à certains visiteurs de "sauter" le menu.
Pour la page contact, proposer un formulaire de contact, permettant d'écrire directement, serait un plus. (Les visiteurs s'en servent un peu plus que des liens de type "mailto".)
Modifié par 
(25 Apr 2006 - 22:14)
) est assez lent je trouve. Utilité hum, m'enfin ça permettra de sélectionner la langue ...