Demande d'avis sur intégration html/css

Bonjour,

nous avons récemment travaillé sur ce site dessous, et on a essayé de faire un code html/css aussi propre que possible.
Toujours en quête de s'améliorer, les critiques sont ouvertes !
site


Merci à vous
Modifié par Laogan (14 Feb 2010 - 14:48)

Salut,

un cas d'école ! Comment avec un code pourtant valide obtenir un site dont l'ergonomie et l'accessibilité sont entièrement à revoir !

En vrac :
* taille de la police en px (lire cet article).
* JavaScript "intrusif".
* navigation au clavier quasi impossible (enlever le "quasi" si JavaScript est désactivé).
* si on désactive les images... il ne reste plus grand chose.
* que fait cet H1 sur "Rechercher" ?
* 2 agrandissements de la taille de police (très petite au départ) et la mise en page part en sucette.
* ce n'était déjà pas très facile avant mais après ces 2 agrandissements je ne peux plus passer directement de "Groupe" à "Activité" : il faut que je ruse en passant par en dessous !
* tous ces cubes sont amusants mais pourquoi lorsque je passe ma souris sur certains je peux cliquer et pas sur d'autres ?
...
* en fait le meilleur moyen d'accéder à l'information est de désactiver les CSS... mais je ne suis pas sûr que c'était le but recherché !


PS : comme indiqué dans l'Aide les liens en signature ne sont pas tolérés (je l'ai donc supprimé).

Heyoan a écrit :

* 2 agrandissements de la taille de police (très petite au départ) et la mise en page part en sucette.

[hS ]Quel navigateur archaique utilises tu
, tous les navigateur moderne font un zoom intégrale maintenant [/ hS]

Sinon, pour le site :

- La navigation clavier est possible, sans problème (FF 3), par contre, le petit signe de pause serait pas mal avec un effet hover (qu'il change de couleur lorsqu'il est actif), pour que l'on voye qu'il agisse rééllement. (Edit : Navigation pratiquement invisible sans JS, car on doit parcourir les liens de chaque menu déroulant, mais sans les voir, c'est frustrant)
- J'ai un gros bug d'affichage sur le carré en bas à droite quand j'utilise la navigation au clavier, tout se superpose, pas zoli (Elle fonctionne bien mieux sans le JS d'activer !)
- Les images pour le texte, c'est pas terrible du tout => http://www.sfr.com/groupe/chiffres-cles.html, même si, ce qui est très bien, une longue description est disponible. Mais ne serait-il pas possible d'avoir directement le texte ? (Ca n'en sera que mieux niveau référencement)

Voilà, moi c'est tout pour ce soir, désolé

@Heyoan, je viens de comprendre ce que tu viens de dire par l'agrandissement du texte, avec le JS, c'est vrai que ça part en cacaouète, on niveau de la boite en bas à droite, mais ça ne bouge pas autant qu'avec la navigation au clavier

a écrit :
Quel navigateur archaique utilises tu
, tous les navigateur moderne font un zoom intégrale maintenant

Firefox3 et safari4 des navigateurs archaiques ?

C'était bien FF3.

Je rajouterais que les liens d'évitement en rouge sur fond rouge, qui deviennent blant au survol c'est pas des plus intelligent. Ces liens, ils peuvent servir à tous, donc autant les afficher, plutôt que de les masquer à moitier.

Il y a quelques alt vide sur des images avec du texte... Et des alt redondant sur des images qui portent un texte différent de celui du alt (le texte du alt étant le même que celui du paagraphe sous l'image )...

Las actualités vont beaucoup trop vite, surtout que ma vitesse de lecture est diminuée proportionnellement à la taille des caractères.

Prenons la page accessibilité :

a écrit :
Le site sfr.com respecte la plupart des critères AccessiWeb niveau bronze et certains critères AccessiWeb niveau argent et or
(hors rubrique « Recrutement » qui sera accessible courant du 1er semestre 2009).

Il propose ainsi de nombreuses fonctionnalités permettant de naviguer aisément :
- Alternatives textuelles,
- Personnalisation des pages,
- Aides à la navigation,
- Outils à télécharger pour la lecture de certains contenus,
- Transcription des vidéos

C'est tout ce que je vois, parce que le scroll de ma souris ne fonctionne pas (je suis sous IE6 au cas où)... et que NON, je ne vais pas cliquer sur les triangles minuscules. Le texte pourrait être intéressant, mais je ne le lirais pas.

Merci à tous pour vos retours !

Tout d'abord pour info la charte graphique c'est pas de nous, nous on est des techniciens, pas des graphistes, et ça confirme ce que l'on pensait à vrai dire...

Pour la taille de la police px, il n'y en a pas il me semble ? Ou si il y en a dans les css, c'est ajouté par le cms utilisé, mais pas utilisé dans la construction html .

Alors pour l'agrandissement du texte via le JS, effectivement il y a encore un soucis avec la boite en bas à droite, on va essayer de régler ça.

La vitesse des actualités, imposé par le client, mais on va voir quand même pour la diminuer.

La navigation au clavier, il ne me semble pas qu'elle pose pb ? On a essayé d'y faire particulièrement attention pourtant, même si effectivement sans le JS les menus n'apparaissent pas, d'ailleurs si vous avez une idée là dessus elle est la bienvenue !

Pour le H1 sur rechercher le but était d'avoir un titre invisible et pouvant être lu par les programmes de lecture des aveugles, un problème avec cette méthode, les idées sont là aussi les bienvenue .

Enfin il a fallut skinner le scroll avec du js, assez galère à coder, et on ne s'est pas aventuré à prendre en charge le scrolling de la souris (par manque de temps principalement), mais on va quand même essayer de palier à ce problème, c'est vrai que ça manque quand même :s.

Salut

Heyoan a écrit :
Comment avec un code pourtant valide obtenir un site dont l'ergonomie et l'accessibilité sont entièrement à revoir !

On peut ne faire aucune faute d'orthographe et écrire de façon incompréhensible

Pour moi, un des principaux problèmes vient de la difficulté à se servir du site dans un navigateur graphique si les images ne sont pas affichées.

Deux points (entre autres) :

Bloc liste des actualités, on trouve les liens suivants :
* 1
* 2
* 3
* 4
* Lancer l'animation
* Arrêter l'animation
Une suite de chiffres n'apporte aucune information, il faudrait revoir ce point.

Bloc Boite à outils : remplacer "Envoyer" (qui est perdu et incompréhensible en mode texte et / ou hors contexte) par "Envoyer la page par email".
Par ailleurs, pour ce type de lien, il est préférable de mettre les images dans le code source avec un attribut alt pertinent plutôt qu'avoir un display : block sur une balise a et une illustration en CSS :

<a href="ma_page.html"><img src="picto_imprimer.png" alt="Imprimer la page" /></a>

Comme l'a suggéré Heyon sans vraiment le dire, vous avez fait un mauvais usage des CSS.
C'est dommage, car avec un navigateur texte (je suis sous Lynx) on navigue assez facilement dans le site.

Ceci dit, bravo pour l'effort fait pour rendre votre site plus accessible, et bravo pour avoir osé le soumettre à la critique

Bonjour et bienvenue,

le client est au courant et/ou est d'accord pour figurer ici ? Pas de souci ?
Peu de chance que le sujet soit mieux référencé que le site mais les institutionnels ont des réflexes qui parfois nous échappent

Non il n'est pas au courant, mais en même temps tu penses que ça peut être un problème ??

Laogan a écrit :
Non il n'est pas au courant, mais en même temps tu penses que ça peut être un problème ??

Ben disons que si tout le monde se met à dire que ce nouveau design est très mauvais et que ce sujet devienne très bien référencé par Google, alors oui je pense que ton client pourrait estimer qu'il y a un problème.

Pas faux effectivement, mais je pense que le risque est assez faible. Sauf si ça dérange les modérateurs et admin, je pense qu'on peut laisser le sujet.

Laogan a écrit :
Pas faux effectivement, mais je pense que le risque est assez faible. Sauf si ça dérange les modérateurs et admin, je pense qu'on peut laisser le sujet.

Disons que les modérateurs (et moi plus particulièrement) sont responsables du contenu diffusé sur Alsacreations.com.
Donc s'il peut y avoir une infime probabilité que SFR trouve ce contenu diffamatoire et qu'il lui porte préjudice, ça peut être dangereux.
Pour l'instant ce n'est pas le cas, mais tu comprendras que nous devrons surveiller très étroitement ce sujet.

Oui bien sûr, je ne voudrais surtout pas vous attirer de problèmes !

Raphael a écrit :
Donc s'il peut y avoir une infime probabilité que SFR trouve ce contenu diffamatoire et qu'il lui porte préjudice, ça peut être dangereux.

J'en doute fort. Une critique, aussi sévère soit-elle, n'est pas un contenu diffamatoire.

Enlève le SFR du titre du sujet au pire