Aller au contenu

20cent.net


20cent

Sujets conseillés

Bonjour à tous, smiley%20(15).gif

Voilà plusieurs semaines que je n'avais pas eu l'occasion de participer à un sujet sur ce forum, mon temps étant également pris par une autre passion : la magie.

Beaucoup de lecture en retard donc, malgré quelques passages rapides !

Depuis plusieurs semaines également, je travaille (avec plus ou moins de régularité) sur mon site. Il s'agit de mon curriculum vitæ. Afin de redonner un coup de fouet à mon travail et afin de ne pas partir dans le mur, je sollicite vos avis.

Graphisme, ergonomie, impressions générales, textes, code, optimisation, accessibilité... je suis preneur ! :D

Attention cependant, le site étant en cours de développement, je risque de répondre parfois : "C'est prévu ! smiley%20(8).gif".

Mais je suis sûr que beaucoup de choses auxquelles je n'ai absolument pas pensés vont m'être remontées. :whistling:

icon11.gif L'adresse (pour l'instant non diffusée ailleurs) : www.20cent.net/20cent/

Denis, Laurent et consorts, j'attends vos avis pertinents avec impatience ! :blush:

D'avance, un très grand merci pour tout ceux qui prendrons le temps de m'aider dans ma démarche.

Modifié par 20cent
Lien vers le commentaire
Partager sur d’autres sites

Déjà, c'est très joli. En tout cas j'aime beaucoup. =)

Mais,

* Les h2 span sont cachés avec display: none; , méthode qui n'est pas très accessible pour les navigateurs vocaux.

* Les liens du menu sont mis en évidence au survol, mais pas à la navigation clavier.

* Le lien vers la recherche est un peu (trop) camouflé -les autres petits liens perdus dans la couleur de fond aussi, d'aileurs.

* Les pages sont en XHTML 1.1 et sont pourtant envoyées en text/HTML.

Sinon, le javascript de ton formulaire de contact est très sympathique. =)

Lien vers le commentaire
Partager sur d’autres sites

Merci pour ta réponse ! :thumbup:

J'y fais suite :

Déjà, c'est très joli. En tout cas j'aime beaucoup. =)

Merci ! :)

Mais,

hé hé smiley%20(11).gif ... :D

* Les h2 span sont cachés avec display: none; , méthode qui n'est pas très accessible pour les navigateurs vocaux.

Effectivement. :(

Merci pour ta remarque et pour le lien. J'ajoute ça à la liste à faire.

* Les liens du menu sont mis en évidence au survol, mais pas à la navigation clavier.

C'est grave ? :blink: Si, oui comment le corriger ?

* Le lien vers la recherche est un peu (trop) camouflé -les autres petits liens perdus dans la couleur de fond aussi, d'aileurs.

Je peux corriger ça sans problème et créer un pictogramme pour la recherche, ça marche.

* Les pages sont en XHTML 1.1 et sont pourtant envoyées en text/HTML.

A corriger en effet. Au passage, si tu me lis Laurent, merci pour ton billet.

Sinon, le javascript de ton formulaire de contact est très sympathique. =)

Tu n'as pas l'air ironique en disant cela. Pourtant si j'en crois l'un des derniers articles en date des Pompeurs, ce n'est pas encore ça. Alors ?

Lien vers le commentaire
Partager sur d’autres sites

Bonjour,

Première impression :up:

Sobre mais raffiné, très "classe" !

Le menu :

- si je désactive les couleurs, le menu est invisible :huh:WCAG [Priority 1] (Checkpoint 2.1)

- le contraste du gris clair n'est pas sufisant

Le formulaire :

- comme l'étiquette des champs n'étant pas affichée et que l'information visible dans les champs disparaît après y avoir cliqué, plus rien ne permet de connaître le type d'information demandée

Lien vers le commentaire
Partager sur d’autres sites

Le menu :

- si je désactive les couleurs, le menu est invisible :huh:WCAG [Priority 1] (Checkpoint 2.1)

- le contraste du gris clair n'est pas sufisant

Pourtant, 20cent l'a vérifié avec Vischeck... mais c'est vrai qu'il est très (trop) pâle... Ceci dit, le test de désactivation des couleurs tue... il faudrait simplement remettre le menu en texte pour contrer le problème.

Le niveau de contraste des couleurs d'arrière plan et d'avant plan, telles qu'elles peuvent être perçues par quelqu'un ayant une déficience au niveau des couleurs ou sur un écran noir et blanc, est testé à l'aide du simulateur Vischeck (pop).

À priori, je trouve aussi ça très joli, très réussi. Pour un CV, ça peut effectivement "faire la job" comme on dit au Québec. :D

Avant d'aller plus loin (parce que j'ai du boulot et quelques problèmes à régler), je souhaitais dire que la manière dont tu as organisé "tes quelques fichiers épars" est réellement très chouette et que les photos sont superbes. :thumbup:

Lien vers le commentaire
Partager sur d’autres sites

En ce qui concerne la navigation au clavier, on ne voit pas quel est le lien "sélectionné", donc on ne sait pas où on va cliquer, c'est un peu embêtant. =) Je crois qu'il suffit de mettre ceci pour corriger la chose :

a.accueil:hover, a.accueil:focus
{
background:url(/20cent/img/li_accueil.png) 0 90px;
color:#062249;
}

à la place de :

a.accueil:hover
{
background:url(/20cent/img/li_accueil.png) 0 90px;
color:#062249;
}

Sinon, pour le formulaire, ça n'était pas ironique, ton javascript ne supprime le contenu de la case que si c'est le contenu "préprogrammé" qui est dedans, ça évite de devoir tout retaper si on veut juste modifier une lettre, contrairement à certains sites. ^^

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

Merci pour vos retours Monique et Denis ! Ils semblent positifs concernant le graphisme et j'en suis ravi. :)

Je vais voir à forcer le gris clair des menus, même si effectivement, cela me semblait correct après tests Vischeck... Je préfère néanmoins jouer la sécurité, tout les écrans n'étant pas calibré de la même manière.

Pour les couleurs du menu je suis bien embêté cependant. J'y tiens à mes images ! :P

Quel est l'intérêt de désactiver les couleurs ? Est-ce fréquent ? Je suis en tout cas preneur de toute solution moins "violente" que la suppression pure et simple des visuels.

Je prends bonne note également des soucis sur le formulaire. (Je m'étais déjà fait la remarque sans trop y prêter attention. :whistling: )

Merci également à mee2 pour la correction proposée ! Je vais tester et mettre ça en place.

Modifié par 20cent
Lien vers le commentaire
Partager sur d’autres sites

Merci pour vos retours Monique et Denis ! Ils semblent positifs concernant le graphisme et j'en suis ravi. :)

Le graphisme est très réussi, en effet. Bravo !

Je vais voir à forcer le gris clair des menus, même si effectivement, cela me semblait correct après tests Vischeck... Je préfère néanmoins jouer la sécurité, tout les écrans n'étant pas calibré de la même manière.

En fait, le texte du menu et celui de #aussi sont à peine discernables sur l'écran de mon portable...

Pour les couleurs du menu je suis bien embêté cependant. J'y tiens à mes images ! :P

Quel est l'intérêt de désactiver les couleurs ? Est-ce fréquent ? Je suis en tout cas preneur de toute solution moins "violente" que la suppression pure et simple des visuels.

Il peut y avoir beaucoup de raisons différentes de désactiver ou de modifier les couleurs : daltonisme, mais aussi vision un peu basse qui fait rechercher des contrastes plus élevés, généralement en clair sur fond sombre...

Mais il y a aussi un autre problème, c'est la manière dont les navigateurs s'y prennent. IE a une option Internet Options > Accessibility > Ignore Colors specified on Web Pages ... qui est proprement dévasttatrice puisque qu'elle supprime aussi bien les images d'arrière-plan que les couleurs spécifiques du site.

Dans ton cas, le menu est blanc sur fond blanc dans IE avec cette option activée...

Lien vers le commentaire
Partager sur d’autres sites

A propos de la désactivation de la couleur...

Avec Web Developper de Mozilla/Firefox (Désactiver les couleurs), le menu disparaît.

Avec l'option "Hight contrast" de Opera 7.23, le menu disparaît.

Avec IE, je n'ai pas testé mais je te fais confiance, Laurent.

Il semble donc que les 3 principaux navigateurs suppriment l'image de fond :wacko:

Lien vers le commentaire
Partager sur d’autres sites

Pour les couleurs du menu je suis bien embêté cependant. J'y tiens à mes images ! :P

Quel est l'intérêt de désactiver les couleurs ? Est-ce fréquent ? Je suis en tout cas preneur de toute solution moins "violente" que la suppression pure et simple des visuels.

J'oubliais : Paul Peter Koch propose une solution... en javascript non obstructif qui semble prometteuse : http://www.quirksmode.org/dom/fir.html ... A tester.

Lien vers le commentaire
Partager sur d’autres sites

J'ai décidémment la tête comme une passoire, aujourd'hui. J'oubliais encore :

- une bonne vielle <img src="..." alt="..."> ne pose pas ce type de problème d'accessibilité;

- mais tous les titres et liens "texte mis en image" ont un défaut commun : sauf dans Opera, ça ne peut pas être agrandi avec les seules aides à l'accessibilité du navigateur... Et dans Opera ou avec une surcouche de type "loupe", l'agrandissement dégrade parfois suffisamment l'image pour en rendre la lecture difficile...

Lien vers le commentaire
Partager sur d’autres sites

la manière dont tu as organisé "tes quelques fichiers épars" est réellement très chouette

Je peux sans souci t'envoyer mon code Denis, si tu es intéressé.

Et je réponds aux autre messages plus tard sinon...

:)

Lien vers le commentaire
Partager sur d’autres sites

Je peux sans souci t'envoyer mon code Denis, si tu es intéressé.

Oui, je serais bien curieux de voir ça, si ça ne te dérange pas trop ! :)

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
×
×
  • Créer...