[accessibilite-numerique] votre avis sur le site www.votre-hotel.com

Lun 2 Oct 10:45:40 EST 2006

Aurélien >> je pense que la remarque sur la taille des images et du à l'absence des balices width et height. Ainsi lors du chargement de la page la place des images et préréservé avant qu'elle soit chargé.

Celà est-il de nature à faciliter la lecture du texte pendant le chargement des images, pour les internautes connectés en bas débit ?
Je me pose à ce sujet 2 questions :

1) Les propriétés width et height doivent-elles être obligatoirement mentionnées dans le source HTML ? En l'occurrence pour le site www.votre-hotel.com, je les renseigne de préférence dans la feuille de style. De cette manière, en cas de changement de taille, je modifie simplement les dimensions dans la feuille de style et celles-ci sont répercutées d'office pour toutes les images correspondantes. De plus, j'allège légèrement le poids du code HTML. 

2) Sauf erreur de ma part, je n'ai pas trouvé de règle recommandant d'indiquer la largeur et la hauteur des images pour une meilleure accessibilité. Le fait de n'indiquer que l'une des deux dimensions oblige le navigateur à calculer lui-même la dimension manquante, sans distorsion pour l'image. Cette facilité est-elle réellement pénalisante pour certains internautes ? 
Si oui, je peux toujours calculer la dimension manquante (règle de 3) pour la renseigner dans le code HTML de la page à afficher. Mais n'existe-t-il pas une solution plus simple ?

Aurélien >> Mais seul acronyme est compris sur la plupart des navigateurs.

Dans ce cas, je n'utiliserais plus qu'acronym.

  ----- Original Message ----- 
  From: aurelien masfrand 
  To: accessibilite-numerique at list.accessiweb.org 
  Sent: Monday, October 02, 2006 3:42 PM
  Subject: Re: [accessibilite-numerique] votre avis sur le sitewww.votre-hotel.com

  je pense que la remarque sur la taille des images et du à l'absence des balices width et height. Ainsi lors du chargement de la page la place des images et préréservé avant qu'elle soit chargé.
  Pour abbr et acronym il y a bien une différence. l'une est pour les trucs du genre W.A.I. où chaque lettre signifie un mot et l'autre est prévu pour ceux du type de comme laser,nasa,otan,... qui n'ont pas de point et donc forment un mot.
  Mais seul acronyme est compris sur la plupart des navigateurs.

  Le 02/10/06, Jean-Louis BATAILLE <jlbataille at free.fr> a écrit : 
    Merci tout d'abord, pour ces nombreuses remarques.

    lyüstcl >> Je ne sais pas comment tu as abouti au choix de <span class="4 étoiles">****</span>, moi j'aurais pris <abbr>, ça reste du chipotage sémantique.

    Jusqu'à présent, je réserve la balise acronym pour les acronymes du genre <acronym title="Web Accessibility Initiative">WAI</acronym> et la balise abbr pour les abréviations du genre
    <abbr title="Départements">Dépt.</abbr>, bien qu'il me semble qu'il n'y ait pas de différence entre acronym et abbr.
    J'utilise par contre la balise span pour tous les autres signes à expliciter, comme le nombre d'étoiles des hôtels pour éviter que la synthèse vocale ne lise étoile  étoile  étoile  étoile ou star star star star ou astérisque astérisque astérisque astérisque (?).
    Je l'utilise aussi pour expliciter un astérisque indiquant un champ à renseigner obligatoirement dans un formulaire ou encore pour repérer un message d'anomalie.
    Pour l'instant, je ne suis pas encore convaincu que **** soit à considérer comme une abbréviation (au sens propre) de 4 étoiles mais c'est un sujet sur lequel, je n'ai pas un avis bien tranché.

    lyüstcl >> Il faudra faire attention à ne pas redimensionner les images qui servent de miniatures, et ça doit être traité à la base (lors de l'envoi).

    Je ne suis pas sûr d'avoir bien compris cette remarque.
    Les images de la fiche de présentation de l'hôtel sont dimensionnées en % selon leur largeur. Leur taille se redimensionne donc proportionnellement à la largeur de la fenêtre.
    Je trouve ainsi la mise en page du texte et des images plus harmonieuse.
    Cela procure-t-il une gène vis à vis de certains internautes ou peut-être s'agit-il simplement d'accélerer l'affichage et la mise en page de la page web ?

    lyüstcl >> Y'a des problème d'accessibilité au niveau de ce lien : « Plus de détails » il se répète sur tout la page pour des cibles différentes. Mais aussi sur le lien pour aller à une autre page : tu utilises un
    signe « supérieur/inférieur à ... » qui est pas très évocateur. Et la cible est la même que pour « 2 » si je suis à la page 1. Il y aussi plusieurs liens différent pointant sur Accueil.

    Tous les liens « Plus de détails » sont doublés d'un title précisant le nom de l'hôtel. De cette manière me semble-t-il, chaque lien de la page est unique et parfaitement identifiable.
    Les signes "supérieur"  et "inférieur" pour se rendre à la page suivante ou à la page précédente sont en effet peu évocateurs et d'un aspect rudimentaire. J'espère progresser rapidement en graphisme.
    Cependant, comme pour les liens "Plus de détails", ils sont doublés d'un title : "Page suivante" et "Page précédente" qui facilite leur compréhension.
    Par ailleurs, la pagination parmi la liste d'hôtels s'effectue séquentiellement, dans l'ordre des pages ou directement à l'aide du numéro de la page désirée. Dans la mesure ou le lien > (page suivante) apparaît, il est inévitable que ce dernier soit redondant avec l'un des numéros de page proposés. Mais celà n'est pas génant.
    De même, que différents liens pointent vers la même cible (comme Accueil) ne me semble pas pénalisant (ne pas abuser tout de même). Le contraire, plusieurs liens identiques pointant vers des cibles différentes l'est beaucoup plus.

    lyüstcl >> Toujours à propos des liens : les URI ne sont pas cools mais je crois que tu pourrais y arriver ;)

    J'essaie de mettre les informations pertinentes dans l'URI avec plus ou moins de bonheur. La syntaxe des URI interdit de nombreux caractères composant les noms d'hôtels, tels que les espaces, les apostrophes, les caractères accentués, etc...

    lyüstcl >> Au niveau des couleurs, ce n'est pas très alléchant, tente d'harmoniser un peu plus les couleurs et de les varier, le bleu que tu utilises se marie mal avec l'orange. Tu peux utiliser
    http://wellstyled.com/tools/colorscheme2/ si tu ne sais comment faire.

    <sourire en partie agacé>Là, tu viens de dévoiler en plublic mon niveau de compétence en graphisme</sourire en partie agacé>
    Mais je promets de faire des efforts dans ce domaine. Merci pour l'adresse. 

    lyüstcl >> J'ai aussi remarqué une petite divite à soigner ;)

    C'est mon péché mignon. Je referai une lecture du code HTML en essayant de ne pas tout casser ce que j'ai mis tellement de temps à mettre au point à l'aide des feuilles de style.

    lyüstcl >> Je n'ai visité que deux pages et mon énumération est un peu froide, je me suis dit que ça valait mieux que rien, bon courage c'est déjà bien avancé !

    <sourire sincère>Enumération froide mais efficace</sourire sincère>
    Je ne partage pas à priori tes 3 premières remarques. Cependant, l'évocation de méthodes différentes ou de gênes possibles, m'incite à réfléchir sur mes propres habitudes de travail et peut-être, à revoir mes positions.
    Je te remercie pour tes encouragements et pour le temps que tu as bien voulu me consacrer.

    Cordialement.

        Jean-Louis
-------------- section suivante --------------
Une pièce jointe HTML a été nettoyée...
URL: /pipermail/accessibilite-numerique_list.accessiweb.org/attachments/20061002/2c7bbd3f/attachment-0001.html 