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

Lun 2 Oct 07:55:30 EST 2006

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

----- Original Message ----- 
From: "lyüstcl" <lyustcl at etlarevolution.info>
To: <accessibilite-numerique at list.accessiweb.org>
Sent: Monday, October 02, 2006 10:28 AM
Subject: Re: [accessibilite-numerique] votre avis sur le site 
www.votre-hotel.com

Je trouve ça très réussi !

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.

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

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.

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

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.

J'ai aussi remarqué une petite divite à soigner ;)

/(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é !)/

-- 
lyüstcl
Mon site personnel : <http://www.etlarevolution.info>
Ce message est envoyé grâce à Thunderbird, un client mail Libre, le plus 
efficace.
Vous pouvez le télécharger sur 
<http://www.mozilla-europe.org/fr/products/thunderbird/>

_______________________________________________
accessibilite-numerique mailing list
accessibilite-numerique at list.accessiweb.org
http://list.accessiweb.org/mailman/listinfo/accessibilite-numerique_list.accessiweb.org

-- 
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.1.407 / Virus Database: 268.12.11/460 - Release Date: 01/10/2006

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