3246 sujets
Critiques de vos sites: code et design
Salut,
Voici quelques remarques :
- attention aux fautes d'orthographes
Un site vitrine à également pour objectif
pour présenté votre société
...
- évite les liens du style "clique ici" pour ta présence sur les médias sociaux
- aucune balise h1, h2, ..., hn
- ton site n'est pas valide XHTML 1.0
- sur le formulaire de contact, si tu valides sans avoir saisie quoi que ce soit, tu obtiens un message d'erreur en javascript pas très explicite (Erreur) et après, plus de formulaire.
Je laisse à d'autres le soin de parler du coté "graphique" de ton site
Voici quelques remarques :
- attention aux fautes d'orthographes
Un site vitrine à également pour objectif
pour présenté votre société
...
- évite les liens du style "clique ici" pour ta présence sur les médias sociaux
- aucune balise h1, h2, ..., hn
- ton site n'est pas valide XHTML 1.0
- sur le formulaire de contact, si tu valides sans avoir saisie quoi que ce soit, tu obtiens un message d'erreur en javascript pas très explicite (Erreur) et après, plus de formulaire.
Je laisse à d'autres le soin de parler du coté "graphique" de ton site
Salut,
Niveau accessibilité c'est pas la joie, si tu désactive la CSS (affichage > style > aucun style), tu pourras constater par toi même des informations qui disparaissent.
Une image contenant une information doit TOUJOURS être appelée par le code html et non le code css, et posséder un attribut alt reprenant l'information présente sur l'image.
Je surfe en 1920x1080, et même si je suis marginal dans ce cas, le blanc sous ton site annule l'intérêt de ton bandeau blanc de contenu. Il serait bon de remplir le fond du site, même si ce n'est qu'avec du gris. Histoire de penser à ces résolutions là.
Comme signalé, 11 erreurs de validation en xhtml transitionnal, c'est pas la mort à corriger et ça donne une meilleure opinion auprès de tes clients potentiels.
Idem, pas de hiérarchie de titre, c'est dommage. En plus ça t'éviterai d'utiliser des classes stupides genre "titre", "soustitre", alors que tu as des balises faites exprès pour ça.
Les balises méta pourraient être virée pour la plupart, sauf le charset, la langue et la description.
Pourquoi avoir "J" et "Jour" au niveau du texte de présentation, c'est assez déroutant. De même, inutile d'avoir un titre "présentation du site" pour chapeauter le seul contenu textuel de la page.
Rassure moi, quand je lis ton texte, je vois dans le même paragraphe "but non lucratif" et "site internet professionnel", tu travaille juste pour la gloire ?
Pourquoi ton bouton OK est-il gris sur la page d'accueil et vert sur la page de contact ?
En terme d'ergonomie, pourquoi les vignettes, assez larges et pratiques à cliquer, ne sont-elles pas cliquables, au lieu d'un simple lien ?
L'interface pour poster un message sur une réalisation est assez perturbant, le titre est dans un bloc à coins supérieurs arrondis, comme le bouton en dessous, les champs ne sont pas vraiment alignés ce qui donne un peu de confusion. Mais plus important, le code à taper pour pouvoir envoyer un message est noyé dans les intitulés des champs au lieu d'être clairement identifié comme tel avec un peu d'espace pour le mettre en valeur.
Niveau couleurs je trouve ça un peu tristounet, heureusement qu'il y a du vert, mais il ne sauve pas tout.
Bon sinon la photo fait un peu satisfaction d'égo, surtout vu la pose, si c'est effectivement à but non lucratif cela ne fait rien, mais par contre pour un site professionnel ça fait un peu égocentrique, pas génial pour l'image auprès des clients.
Niveau accessibilité c'est pas la joie, si tu désactive la CSS (affichage > style > aucun style), tu pourras constater par toi même des informations qui disparaissent.
Une image contenant une information doit TOUJOURS être appelée par le code html et non le code css, et posséder un attribut alt reprenant l'information présente sur l'image.
Je surfe en 1920x1080, et même si je suis marginal dans ce cas, le blanc sous ton site annule l'intérêt de ton bandeau blanc de contenu. Il serait bon de remplir le fond du site, même si ce n'est qu'avec du gris. Histoire de penser à ces résolutions là.
Comme signalé, 11 erreurs de validation en xhtml transitionnal, c'est pas la mort à corriger et ça donne une meilleure opinion auprès de tes clients potentiels.
Idem, pas de hiérarchie de titre, c'est dommage. En plus ça t'éviterai d'utiliser des classes stupides genre "titre", "soustitre", alors que tu as des balises faites exprès pour ça.
Les balises méta pourraient être virée pour la plupart, sauf le charset, la langue et la description.
Pourquoi avoir "J" et "Jour" au niveau du texte de présentation, c'est assez déroutant. De même, inutile d'avoir un titre "présentation du site" pour chapeauter le seul contenu textuel de la page.
Rassure moi, quand je lis ton texte, je vois dans le même paragraphe "but non lucratif" et "site internet professionnel", tu travaille juste pour la gloire ?
Pourquoi ton bouton OK est-il gris sur la page d'accueil et vert sur la page de contact ?
En terme d'ergonomie, pourquoi les vignettes, assez larges et pratiques à cliquer, ne sont-elles pas cliquables, au lieu d'un simple lien ?
L'interface pour poster un message sur une réalisation est assez perturbant, le titre est dans un bloc à coins supérieurs arrondis, comme le bouton en dessous, les champs ne sont pas vraiment alignés ce qui donne un peu de confusion. Mais plus important, le code à taper pour pouvoir envoyer un message est noyé dans les intitulés des champs au lieu d'être clairement identifié comme tel avec un peu d'espace pour le mettre en valeur.
Niveau couleurs je trouve ça un peu tristounet, heureusement qu'il y a du vert, mais il ne sauve pas tout.
Bon sinon la photo fait un peu satisfaction d'égo, surtout vu la pose, si c'est effectivement à but non lucratif cela ne fait rien, mais par contre pour un site professionnel ça fait un peu égocentrique, pas génial pour l'image auprès des clients.
Ok merci bien pour ces critiques constructive
Je préciseque je ne suis pas au terme de ma formation, ce site est donc un premier résultat de mon apprentissage jusque là. J'ai donc encore beaucoup de choses à apprendre je sais bien
Pour les balises <h> et le fond je penserai à corriger ça merci du conseil
Pour la validation, auparavant il était valide, comme je suis beaucoup en phase de test, je n'ai pas toujours vérifier les normes...
Tu parles des balises <Hn> ou autre chose ?
Pour le reste, merci je vais essayer d'arranger le tout
Et en ce qui concerne le site, c'est à but personnel, j'essai de faire quelques petits sites à droite à gauche afin d'apprendre et d'acquérir une petite expérience dans ce domaine, rien de plus
Je préciseque je ne suis pas au terme de ma formation, ce site est donc un premier résultat de mon apprentissage jusque là. J'ai donc encore beaucoup de choses à apprendre je sais bien
Pour les balises <h> et le fond je penserai à corriger ça merci du conseil
Pour la validation, auparavant il était valide, comme je suis beaucoup en phase de test, je n'ai pas toujours vérifier les normes...
a écrit :
Idem, pas de hiérarchie de titre, c'est dommage. En plus ça t'éviterai d'utiliser des classes stupides genre "titre", "soustitre", alors que tu as des balises faites exprès pour ça.
Tu parles des balises <Hn> ou autre chose ?
Pour le reste, merci je vais essayer d'arranger le tout
Et en ce qui concerne le site, c'est à but personnel, j'essai de faire quelques petits sites à droite à gauche afin d'apprendre et d'acquérir une petite expérience dans ce domaine, rien de plus
Bonjour,
Sur ton formulaire en page d'accueil tu n'utilises aucun label et à fortiori pas de label explicite.
C'est également la même chose sur ta page de contact.
Voir à ce sujet Utilisation des formulaires sur Openweb
Sur ton formulaire en page d'accueil tu n'utilises aucun label et à fortiori pas de label explicite.
C'est également la même chose sur ta page de contact.
Voir à ce sujet Utilisation des formulaires sur Openweb