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... :o )

Il est valide W3C et passe exactement de la même façon sur Mozilla et IE... B) 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 :up:

Bonjour,

Rapidement en 20 secondes passées sur le site, mettre des marges entre le texte et le cadre noir.

Aérer le texte.



Ca signifie quoi 4è séjour offert

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é.

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...
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"?

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"

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...

En tous cas ça donne envie d'aller en vacances :up:
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 :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 B)

Xavier: Merci des compliments... Moi aussi, ça m'a donné envie... B)
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...

Les labels permettent de lier le texte à la zone se saise. Par exemple :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" :up:


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 ?

Effectivement, c'est sympa cette histoire de label, ça me plait bien... Je crois que je vais le mettre... :up:

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à...

J'ai fait un essai sur cette page pour les couleurs du menu...

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.

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

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]

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


En complément, la fiche de acces-pour-tous

Bonsoir,

... Non, c'est pareil !

Pour ma configuration : 1024x768, Firefox 0.9.1 (Sinon, sous IE 5.5, ca marche nickel )

Fruge.

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?

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??

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

Merci, je sais comment faire pour qu'ils ne lisent rien...
Ce que je voudrais savoir c'est si ils lisent le title...

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?

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

Peut-être devrais-tu plutôt demander ça dans la rubrique "accessibilité" non ?

C'est vrai!
Pardon, j'étais restée sur le fil de mon post...


C'est officiel: Les navigateurs vocaux lisent le title!!