Gribouille26 Posté 6 Octobre 2004 Posté 6 Octobre 2004 Bonjour, Aujourd'hui est le grand jour (pour moi en tout cas...)! Je viens soumettre ma nouvelle création à la critiques de tout ces "web-cerveaux" en fusion perpétuelle... Je vous présente: Location ou echange d'appartement - Corse du Sud - Barbicaja Golfe d'Ajaccio (le pauvre, il n'a pas de "petit" nom... ) Il est valide W3C et passe exactement de la même façon sur Mozilla et IE... Normalement.... Il ne lui reste plus qu'un petit bug (que vous ne verrez surement pas, d'ailleurs.. ) J'attend toutes vos remarques, suggestions, critiques.... Sur tout les domaines: accessibilité, design, navigation,... Merci
thewiseoldman Posté 6 Octobre 2004 Posté 6 Octobre 2004 Bonjour, Rapidement en 20 secondes passées sur le site, mettre des marges entre le texte et le cadre noir. Aérer le texte. Periode 1 semaine 2 semaines 3 semaines 1 mois week-endJanvier 400 4è séjour offert 4è séjour offert 618 sur demande Ca signifie quoi 4è séjour offert
Sebastien Posté 6 Octobre 2004 Posté 6 Octobre 2004 Juste pour le référencement : j'aurais fait des pages séparées pour le francais et l'anglais, ce qui aurait permis une meilleure densité et une optimisation des <title> en conséquence... Le look est sympa, excellent le coup d'etirer la mer et de jouer avec la couleur du sable. Pour les boutons je serais plus réservé, ca fait un peu "old school" amha. j'aurais fait de simple liens textes dans une couleur beige foncé.
Gribouille26 Posté 6 Octobre 2004 Auteur Posté 6 Octobre 2004 Merci de ces premières réactions... thewiseoldman: Pour les tarifs, on doit revoir le tableau, je l'ai pas trop travaillé car je voudrais quelque chose de plus simple... En effet, plusieurs mois sont identiques.. "4ieme sejour offert", c'est intriguant.... Je ne sais pas non plus ce que ça veut dire, mais l'interressé n'est pas joignable pour quelques jours encore. Alors, mystère... mettre des marges entre le texte et le cadre noir Tu veux dire le centre au fond bleu? Sebastien: C'est l'interressée qui a tout voulu sur la même page. Elle avait peur de me faire trop de travail... Je pense reprendre ça plus tard... C'est quoi:""old school" amha"?
Sebastien Posté 6 Octobre 2004 Posté 6 Octobre 2004 Pardon pour cet anglicisme... "old school" = "ancienne école", c'est à dire un peu desuet (soit en langage web style années 90) Et "amha" = "A Mon Humble Avis"
Gribouille26 Posté 6 Octobre 2004 Auteur Posté 6 Octobre 2004 (modifié) Sebastien: Ok. J'avais bien traduit old school, mais je ne comprennait pas le amha... C'est le vert foncé qui doit faire ça... thewiseoldman: j'ai écarté un peu plus le texte dans le centre... Modifié 6 Octobre 2004 par Gribouille26
Xavier Posté 6 Octobre 2004 Posté 6 Octobre 2004 En tous cas ça donne envie d'aller en vacances Joli, simple, efficace. Une petite remarque, les boutons "old style" du menu supportent mal l'agrandissement dans Mozilla (pas de problème dans IE ou Opera ). En fait seul le texte s'agrandit... Concernant le formulaire de réservation, il n'est pas évident d'accès. En effet il faut passer la souris sur le lien pour le voir un peu bleuir et le pointeur qui change. Il faudrait le mettre plus en évidence (ce n'est pas pour rien que généralement les liens sont bleus soulignés... au moins on les voit tout de suite.) Sinon dans ce même formulaire, tu pourrais utiliser les label c'est très simple et bien pratique (même si dans ton cas c'est évident). Dans le même style il y a un div inutile : <div id="gauche"> <ul class="menugauche"> peut devenir <ul id="gauche" class="menugauche"> Et juste au-dessus tu as deux textes alternatifs pas très adaptés qui feraient mieux de reprendre le texte des images. De même ils pourraient être placés dans un h1 plutôt qu'un div Mais vraiment j'insiste, l'impression générale est très bonne, le look original... j'y vais
Gribouille26 Posté 6 Octobre 2004 Auteur Posté 6 Octobre 2004 Xavier: Merci des compliments... Moi aussi, ça m'a donné envie... Je vais aller voir pour l'aggrandissemnt des boutons... Je vais aussi revoir l'accès au formulaire... "dans ce même formulaire, tu pourrais utiliser les label c'est très simple et bien pratique (même si dans ton cas c'est évident)." hein? C'est quoi les labels? Qu'est ce qui est évidant dans mon cas? La div est inutile pour le moment, mais on comptait peut-être y mettre des partenaires en liens sous le menu... Pour les alt mal adaptés, tu pense à ça:? <img src="images/plage.jpg" alt="entête plage"> <img src="images/hit.jpg" alt="entête mer"> C'était pour que les personnes surfant avec des navigateurs vocaux comprennent que c'est les images de l'entete...
Xavier Posté 6 Octobre 2004 Posté 6 Octobre 2004 "dans ce même formulaire, tu pourrais utiliser les label c'est très simple et bien pratique (même si dans ton cas c'est évident)." hein? C'est quoi les labels? Qu'est ce qui est évidant dans mon cas? <{POST_SNAPBACK}> Les labels permettent de lier le texte à la zone se saise. Par exemple : <p><label for="nom">Votre nom <i>Your name</i>:<br></label><INPUT type="text" name="nom" size=30 id="nom"> Avec le for tu fais une relation vers la zone de texte portant le même id (peut-être que ça marche aussi avec name, je sais plus). Petit plus : en cliquant sur "Votre nom", le curseur se positionne automatiquement dans le input correspondant En fait c'est surtout utile quand tu as des tableaux et que les inputs se trouvent loin dans le contenu linérisé. Je trouve quand-même que c'est toujours un petit "plus" Pour les alt mal adaptés, tu pense à ça:?<img src="images/plage.jpg" alt="entête plage"> <img src="images/hit.jpg" alt="entête mer"> C'était pour que les personnes surfant avec des navigateurs vocaux comprennent que c'est les images de l'entete... <{POST_SNAPBACK}> Pourquoi les navigateur vocaux ou texte n'auraient-ils pas droit d'avoir un titre digne de ce nom ? À mon avis le mieux c'est de mettre alt="Location ou échange d'appartements, Corse sud [...]". Sinon puisqu'on parle de navigateurs vocaux... comment vont-ils s'y retrouver entre l'anglais et le français ?
Gribouille26 Posté 6 Octobre 2004 Auteur Posté 6 Octobre 2004 Effectivement, c'est sympa cette histoire de label, ça me plait bien... Je crois que je vais le mettre... Pour ce qui est des navigateurs vocaux, je pensais qu'ils lisaient le title... Ce n'est pas le cas? Et pour l'anglais et le français.... je sais pas quoi faire, là...
Gribouille26 Posté 6 Octobre 2004 Auteur Posté 6 Octobre 2004 J'ai fait un essai sur cette page pour les couleurs du menu...
Fruge Posté 6 Octobre 2004 Posté 6 Octobre 2004 Salut, Je trouve ca simple mais clean... la simplicité est bien souvent une qualité ! En ce qui concerne tes essais de couleurs, je préfère le vert initial... le "marron" fait terne, sans vie... Sinon, j'ai vu un (tout petit) bug pour l'affichage (url : -http://www.barbicaja.net/reserver.php) (cf. image jointe) : le menu déborde hors de la zone principale. Un "clear: right" ne pourrait-il pas arranger ca ? A plus, Fruge.
Dan Posté 6 Octobre 2004 Posté 6 Octobre 2004 Il est valide W3C et passe exactement de la même façon sur Mozilla et IE... Bonsoir, Tu devrais utiliser le validateur du Web Design Group (WDG), il est plus pointu que celui du W3C et permet de valider jusqu'à 100 pages d'un coup. Pour ton site, en HTML 4.01 transitional, les balises <br /> ne sont pas valides. http://www.htmlhelp.com/cgi-bin/validate.c...2F&warnings=yes Dan
Gribouille26 Posté 6 Octobre 2004 Auteur Posté 6 Octobre 2004 (modifié) Fruge: Je n'arrive pas à reproduire le pb... ça dois venir de la définition d'écran... Je viens de mettre un truc, peux-tu me dire si ça a marché? Merci. [édit] Dan: Désolée, j'avais pas vu ton post-synchro Je suis allée voir, c'est une cata!!! Je ne sais plus trop bien pourquoi j'étais passé aux <br />, mais je vais revenir aux <br>... [/édit] Modifié 6 Octobre 2004 par Gribouille26
Monique Posté 6 Octobre 2004 Posté 6 Octobre 2004 Bonjour, Tel quel, ton tableau/calendrier de la page Réservations n'est pas vraiment accessible. Sans les couleurs, il est impossible de connaître les périodes réservées. Il faut donc les distinguer par un moyen supplémentaire. De plus, quand l'internaute entendra un nombre, il ne saura pas à quel jour il correspond. Voilà un exemple comme point de départ <table summary="Calendriers des périodes déjà réservées" border="1"><caption>Septembre</caption><tr><th abbr="Lundi" id="entete1">Lu</th><th abbr="Mardi" id="entete2">Ma</th><th abbr="Mercredi" id="entete3">Me</th><th abbr="Jeudi" id="entete4">Je</th><th abbr="Vendredi" id="entete5">Ve</th><th abbr="Samedi" id="entete6">Sa</th><th abbr="Dimanche" id="entete7">Di</th></tr><tr><td headers="entete1">01</td><td headers="entete2">02</td><td headers="entete3">03</td><td headers="entete4">04</td><td headers="entete5">05</td><td headers="entete6">06</td><td headers="entete7">07</td></tr><tr><td headers="entete1">08</td><td headers="entete2">09</td><td headers="entete3">10</td><td headers="entete4"><strong>11</strong></td><td headers="entete5"><strong>12</strong></td><td headers="entete6">13</td><td headers="entete7">14</td></tr></table> En complément, la fiche de acces-pour-tous
Fruge Posté 6 Octobre 2004 Posté 6 Octobre 2004 Bonsoir, Fruge: Je n'arrive pas à reproduire le pb... ça dois venir de la définition d'écran...Je viens de mettre un truc, peux-tu me dire si ça a marché? Merci. ... Non, c'est pareil ! Pour ma configuration : 1024x768, Firefox 0.9.1 (Sinon, sous IE 5.5, ca marche nickel ) Fruge.
Gribouille26 Posté 7 Octobre 2004 Auteur Posté 7 Octobre 2004 Monique: merci pour l'info! Comme le tableau va être refait, je garde ça sous le coude.... Fruge: je vais voir si je peux arranger ça en rajoutant des lignes vides... Pas d'autres commentaires?
Gribouille26 Posté 8 Octobre 2004 Auteur Posté 8 Octobre 2004 tu as deux textes alternatifs pas très adaptés qui feraient mieux de reprendre le texte des images. De même ils pourraient être placés dans un h1 plutôt qu'un div <{POST_SNAPBACK}> Pour les alt mal adaptés, tu pense à ça:?<img src="images/plage.jpg" alt="entête plage"> <img src="images/hit.jpg" alt="entête mer"> C'était pour que les personnes surfant avec des navigateurs vocaux comprennent que c'est les images de l'entete... <{POST_SNAPBACK}> Pourquoi les navigateur vocaux ou texte n'auraient-ils pas droit d'avoir un titre digne de ce nom ? À mon avis le mieux c'est de mettre alt="Location ou échange d'appartements, Corse sud [...]". <{POST_SNAPBACK}> Pour ce qui est des navigateurs vocaux, je pensais qu'ils lisaient le title... <{POST_SNAPBACK}> Je me questionne encore à ce propos.... Les navigateurs vocaux lisent-ils le titre de la page qui se trouve dans les balises meta et qui est affiché dans le navigateur??
Xavier Posté 8 Octobre 2004 Posté 8 Octobre 2004 Je ne sais pas, mais si c'est le cas tu dois mettre alt="" afin qu'ils ne disent rien en passant sur tes images
Gribouille26 Posté 8 Octobre 2004 Auteur Posté 8 Octobre 2004 Merci, je sais comment faire pour qu'ils ne lisent rien... Ce que je voudrais savoir c'est si ils lisent le title...
Gribouille26 Posté 9 Octobre 2004 Auteur Posté 9 Octobre 2004 Personne ne sait si les navigateur vocaux lisent ce title??? Au passage... Je peux mettre un navigateur vocal sur mon pc pour tester les sites ou cela demande-t-il un équipement spécial?
Gribouille26 Posté 11 Octobre 2004 Auteur Posté 11 Octobre 2004 J'insiste une dernière fois... peut-être les experts en accessibilités étaient-ils en week-end.... Je voudrais savoir si les navigateurs vocaux lisent le title des pages? Merci
Xavier Posté 11 Octobre 2004 Posté 11 Octobre 2004 Peut-être devrais-tu plutôt demander ça dans la rubrique "accessibilité" non ?
Gribouille26 Posté 11 Octobre 2004 Auteur Posté 11 Octobre 2004 (modifié) C'est vrai! Pardon, j'étais restée sur le fil de mon post... C'est officiel: Les navigateurs vocaux lisent le title!! Modifié 13 Octobre 2004 par Gribouille26
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant