Journal Avis sur site web (le retour)

Posté par  (site web personnel) .
Étiquettes : aucune
0
20
juin
2003
En reference au journal http://linuxfr.org/~ngc891/2934.html

Grace aux conseils avises des lecteurs de DLFP, j'ai revu le code du site:
http://lomc11.kaist.ac.kr

Changelog (entre autres) :
- passage au xhtml 1.0 strict
- supression des balises de tableau et de police de caracteres
- utilisation plus intensive du css pour la mise en forme
- charset en utf-8 (pas triste pour les accents mais le code est plus lisible)
- supression de la mention sur Mozilla, j'ai fait une page dediee (/fr/serveur.html)
- un lien direct en bas de page vers la page 404 pour les amateurs (pour eviter les lignes du style GET /gyuigyui dans les logs d'apache, ca fait desordre ;-)
- rajout de quelques fonctionnalites piquees ici ou la.
- creation d'un logo

Un merci particulier a Damien Hardy et Bernard Masso pour leurs conseils.

C'est surement encore perfectible, ce n'est qu'un 2eme essai. Le code valide toujours. J'ai commence a remplir un peu le site, il y a encore du boulot. C'est toujours en construction.

Merci a tous
  • # Re: Avis sur site web (le retour)

    Posté par  . Évalué à 2.

    Pour le respect de la syntaxe, c'est pas mal du tout, mais du point de vue sémantique, tout n'est pas parfait.

    Maintenant, as-tu pensé, dans un avenir proche, à rendre ton site facilement navigable pour les personnes disposant d'équipements particuliers? Car dans ce cas, certains éléments sont mals positionnés ou difficilement accessibles (pour le moment, cela va encore, tes pages étant relativement courtes).
    • [^] # Re: Avis sur site web (le retour)

      Posté par  (site web personnel) . Évalué à 1.

      du point de vue sémantique, tout n'est pas parfait.

      Je ne suis pas sur de comprendre. Peux-tu me donner des details ?

      as-tu pensé, dans un avenir proche, à rendre ton site facilement navigable pour les personnes disposant d'équipements particuliers?

      Non, je doit avouer que je n'y est pas pense. Comment as-tu vu que mon site n'etait pas adapte ? En quoi cela consiste-t-il ? Il faut choisir une mise en page particuliere ? Il y a des standards a respecter ?
      Je veux bien me pencher sur le probleme si ce n'est pas trop complique. Les tuyaux sont les bienvenus cependant car je n'ai aucune experience dans ce domaine.
      • [^] # Re: Avis sur site web (le retour)

        Posté par  . Évalué à 4.

        du point de vue sémantique (quelques exemples):
        - pour l'annonce du concert, tu utilises la balises "p" pour esapcer ton texte. Celle-ci sert normalement à séparer des paragraphes, ce qui n'est pas le cas ici. Jouer sur les CSS pour la hauteur d'un "br" aurait été plus judicieux
        - tu sépares les images liens des liens textes en les entourant soit par un "span" (qui sert normalement à modifier un style inline au sein d'un bloc) soit par un "p", tu pourrais tout aussi les regrouper dans deux blocs (gauche/droite) mis côte à côte.

        Pour ce qui est de l'accessibilité, il y a en effet des recommendations, la plus complète que je connaisse étant le WCAG du W3C, mais celui-ci ne dispense pas du bon sens.
        L'un des meilleur moyen de tester son site (mais pas le seul) est encore de passer celui-ci à la moulinette lynx (ou opera en utilisant les feuilles de style persos).

        Tu vois tout de suite que tes liens sont toujours situé en bas de page. Ce peut être une bonne optique, pour peu que tu mettes un mécanisme qui permette d'y accéder directement (sinon un aveugle doit à chaque fois reparcourir la page, par exemple) comme les accesskey. Les attributs alt de tes images ne sont pas très explicites pour un non initié, en outre, ces images sont des liens et rien ne l'indique dans cet attribut. A mon avis, tu ferais mieux d'indiquer dans celui-ci qu'il s'agit de liens (et vers quoi) et, dans l'attribut tittle d'indiquer ce que représente la photo.

        Voila, il y a encore quelques détails (les pipes pour séparer les liens par exemple) qui devraient se trouver au niveau des CSS plutôt qu'au niveau du code, mais rien de bien difficile. Quelque règles simples permettent de faciliter grandement l'accès pour ces personnes sans nuir à l'apect visuel de ton site.

        J'espère que cela t'aidera.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.