[dev@xmlfr.org] Quelques petits commentaires pour la maquette XHTML CSS2

Bonjour à tous (du Québec),

ceci est mon premier message sur la liste. C'est un beau travail
d'arriver où ça en est... J'ai envoyé des captures d'écran de browsercam.com
à Eric pour qu'il voit de quoi la page a l'air dans plusieurs fureteurs.

J'ai quelques commentaires/suggestions pour la maquette:

1- Le menu principal:

        a) Comme vous avez émis certains points de vue au niveau de
        l'accessibilité en vous souciant du type de spécification pour
        la grosseur de police (em vs pt), je voulais mentionner que
        le rouge sur le vert avec le rollover est un choix qui amène des
        problèmes pour ceux atteints de daltonisme. Serait-il envisageable
        de choisir une paire de couleurs
        différente et aussi de mettre le soulignement sur le hover, de sorte
        que la couleur ne soit pas le seul élément différentiateur? p.ex.:

#menu li a:hover {
        color: #DBEEBF;
        text-decoration:underline;
}

        b) Je me demande si on ne pourrait pas mettre la mise en majuscules
        via la feuille de style au lieu de directement dans le texte.
        Lorsqu'on visualiserait en mode texte, avec Lynx par exemple, le
        résultat serait un peu plus agréable je crois.

#menu li {
        display:inline;
        padding: 0px 5px 0px 5px;
        text-transform: uppercase;
}

et le contenu

        <li>
            <a href="http://xmlfr.org/actualites/" title="L'histoire de XML...">Actualité</a>
        </li>

        c) Je changerais la feuille de style pour centrer le texte dans le
        menu:

#menu {
        float: left;
        width: 750px;
        padding: 2px 0px;
        background-color:#3E5255;
        text-align: center;
}

2- La zone pour la recherche: je mettrais un bouton 'submit' car lorsqu'on
est en mode texte, on ne peut lancer la recherche.

<input type="submit" name="chercher" id="bouton-recherche" value="Trouver" />

qu'on peut, si l'on veut, cacher en mode graphique via la feuille de style
(personnellement je ne le ferais pas, mais c'est une option):

#bouton-recherche {
        display: none;
}

3- Pour les boîtes: présentement, elles gagneraient à avoir un padding un
        peu plus élevé. Si je regarde XMLfr.org, je vois que si nous voulons
        reproduire le concept graphique, il reste pas mal de points à implanter
        (Eric, est-ce que tu nous mettras une page avec plus de contenu?) comme
        le concept du menu secondaire et des intitulés de blocs (Actualités,
        Sondage, Infos, Nouveautés, etc). On pourrait s'attaquer au problème
        du padding en même temps. Approcher le concept original sera d'ailleurs
        un défi motivant.

4- Petits détails:

        a) je note quelques typos
                - 'mascote' au lieu de 'mascotte'
                - 'vous ètes' au lieu de 'vous êtes'
                - je mettrais 'passionné(e)' au lieu de 'passionnée(e)'

        b) Je ne mettrais pas alt="Cliquez ici", mais un titre un
        peu plus parlant qui reflète le contenu de la publicité.
        Si vous voulez voir aparaître une info-bulle avec "Cliquez ici",
        je la mettrais dans l'attribut 'title', et je mettrais un peu
        plus que juste 'Cliquez ici.' comme par exemple 'Publicité:
        cliquez ici.' (mais bon, pour ce dernier point c'est un
        commentaire personnel).

        J'ai lu que le alt ne devrait être affiché que si l'agent ne
        peut rendre l'image. Le title est l'attribut qui devrait rendre
        l'infobulle. Apparemment, IE est déviant à cet égard, mais Firefox
        se comporte bien.

        c) Je ne sais pas si ceci a été relaté dans le passé, mais mettre
        le drapeau français pour la version française et le union jack pour
        la version anglaise est peut-être un choix un peu faible.

Pour voir ce que ça donne:

http://benoit.espacecourbe.com/xmlfr/cherche.html

et dans une visionneuse Lynx:

http://www.delorie.com/web/lynxview.cgi?url=http%3A%2F%2Fdarwin.espacecourbe.com%2F%7Ebenoit%2Fxmlfr%2Fcherche.html

Benoit

-- Notre dernière création: www.communication-jeunesse.qc.ca

Benoit Dubuc___________________________[ Espace
président Courbe ]

                                          http://www.espacecourbe.com/
                                          téléphone 514.933.9861
                                          télécopieur 514.933.9546

--
Devenez redacteur <XML>fr et contribuez au developpement du
xml francophone (http://xmlfr.org/infos/redacteurs/) !
Liste de diffusion "dev@xmlfr.org" (http://xmlfr.org).
Cette liste est a votre disposition pour discuter en francais de 
tout sujet technique lie au developpement du site XMLfr.
Pour resilier votre abonnement, envoyez un message contenant 
la commande "unsubscribe" a dev-request@xmlfr.org
(mailto:dev-request@xmlfr.org?Subject=unsubscribe)