Aller au contenu

Vos critiques sur mon nouveau "bébé"...

Gribouille26

Par Gribouille26
dans Le salon de Webmaster Hub

 Partager

Sujets conseillés

Gribouille26

Gribouille26

Posté
Posté

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

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:

Lien vers le commentaire
Partager sur d’autres sites
thewiseoldman

thewiseoldman

Posté
Posté

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

Janvier 400 4è séjour offert 4è séjour offert  618 sur demande

Ca signifie quoi 4è séjour offert

Lien vers le commentaire
Partager sur d’autres sites
Sebastien

Sebastien

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
Gribouille26

Gribouille26

Posté
  • Auteur
Posté

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"? :blink:

Lien vers le commentaire
Partager sur d’autres sites
Sebastien

Sebastien

Posté
Posté

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"

Lien vers le commentaire
Partager sur d’autres sites
Gribouille26

Gribouille26

Posté
  • Auteur
Posté (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é par Gribouille26
Lien vers le commentaire
Partager sur d’autres sites
Xavier

Xavier

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
Gribouille26

Gribouille26

Posté
  • Auteur
Posté

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? :huh: C'est quoi les labels? Qu'est ce qui est évidant dans mon cas? :wacko:

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

Lien vers le commentaire
Partager sur d’autres sites
Xavier

Xavier

Posté
Posté
"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?  :huh:  C'est quoi les labels? Qu'est ce qui est évidant dans mon cas?  :wacko:

<{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 :D

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:

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

Lien vers le commentaire
Partager sur d’autres sites
Gribouille26

Gribouille26

Posté
  • Auteur
Posté

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... :huh: Ce n'est pas le cas?

Et pour l'anglais et le français.... je sais pas quoi faire, là... :whistling:

Lien vers le commentaire
Partager sur d’autres sites
Fruge

Fruge

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
Dan

Dan

Posté
Posté
Il est valide W3C et passe exactement de la même façon sur Mozilla et IE...  B)

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

Lien vers le commentaire
Partager sur d’autres sites
Gribouille26

Gribouille26

Posté
  • Auteur
Posté (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!!! :blink: Je ne sais plus trop bien pourquoi j'étais passé aux <br />, mais je vais revenir aux <br>...

[/édit]

Modifié par Gribouille26
Lien vers le commentaire
Partager sur d’autres sites
Monique

Monique

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
Fruge

Fruge

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
Gribouille26

Gribouille26

Posté
  • Auteur
Posté
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...   :huh:

<{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?? :huh:

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...