w3qc.org

w3qc.org

Re: [W3Qc-public] Principes d'accessibilité lors de la conception d'un site

Bonjour France, Voici rapidement mes commentaires de façon générale. Je pense qu'il y a des
éléments intéressants dans ce que tu proposes, mais je pense qu'il y a des
choses à revoir et peut-être que des nuances seraient à apporter à certains
endroits. Mais en fait, je pense que la meilleure place pour regarder pour
du matériel pour t'aider à monter ton document se trouve sur le site de
AccessibilitéWeb, plus spécifiquement la formation que Jean-Marie a monté en
ligne[1]. On y retrouve la liste des règles à suivre[2] ainsi que les
points de contrôle associés avec des explications généralement assez simples
sur le pourquoi, etc. Également, dans l'étude de 2003, il y a le point 4.1,
vers la fin du document[3], qui peut aussi aider. Bien que cela ait été
élaboré afin de répondre à des problématiques d'accessibilité pour les sites
qui ont fait partie de l'étude, cela peut être une ressource intéressante
pour tout site existant que l'on souhaite améliorer. Aussi, tu peux
regarder les quicktips du WAI[4]. Voilà des premiers commentaires qui j'espère te seront utiles. De plus, tu
peux me contacter directement si tu souhaites qu'on en parle davantage. À +, Catherine
-- [1] http://www.accessibiliteweb.com/formationenligne/priorites.htm
(formation, chapitre les règles à suivre)
[2] http://www.accessibiliteweb.com/formationenligne/priorites.htm#regles
(liste des règles)
[3] http://www.accessibiliteweb.com/accessibiliteweb.htm (7 recommandations
pour améliorer l'accessibilité des sites Web)
[4] http://www.w3.org/WAI/References/QuickTips/qt-fr.htm (conseils
pratiques pour faire des sites Web accessibles - quicktips du WAI) --
Catherine Roy www.w3qc.org
www.communautique.qc.ca
http://perso.b2b2c.ca/zara/ ----- Original Message ----- From: "France Gascon" 
To: "W3Québec - public" 
Sent: Tuesday, November 09, 2004 10:11 PM
Subject: [W3Qc-public] Principes d'accessibilité lors de la conception d'un
site > Bonjour,
>
> Dans le cadre de mon travail, on m'a demandé d'établir les principes de
base
> de l'accessibilité à considérer lors de la conception et du design d'un
site
> Web, c'est-à-dire à appliquer lors de maquettes fonctionnelles et au
design.
> On ne veut que des principes à suivre, sans avoir une document lourd à
lire,
> et il ne contient pas les principes à suivre lors de l'intégration HTML.
> J'ai cherché un peut partout, et je n'ai pas vraiment trouvé rapidement ce
> que je voulais. J'ai donc rédiger ces principes, et j'aimerais bien que
vous
> les révisiez, en corrigeant les faussetés et les oublies.
>
>
> Merci beaucoup.
>
> France
> --------------------------------------------------------------------------
--
> ------------------------------
> Accessibilité
>
> Permettre la navigation d'un site Web pour les personnes qui ont des
> dysfonctions physiques (visuelles ou neuromoteures), donc qui ont des
> difficultés à voir, à manier une souris, ou qui utilisent un lecteur Web
> vocal.
>
>
> Voici les éléments à prendre en considération lors de la phase de la
> conception et du design d'un site Web. Les tâches restantes se situent au
> niveau des activités techniques telle que l'intégration HTML des pages
Web.
>
>
>
> Conception et design
>
>
>
> .Il faut avoir du contraste entre la couleur du fond et la couleur des
> textes.
>
> .Les textes informatifs doivent être affichés en texte (HTML) et non en
> images .
>
> .Tout envoi de formulaire HTML doit être lancé à l'aide d'un bouton.
>
> .Une fonction doit être précédée d'un titre. Comme par exemple une boîte
> recherche doit contenir le titre « Recherche » avant le champs texte. Ce
> n'est pas le bouton qui doit contenir le titre.
>
> . Permettre la navigation à l'aide de touches raccourcis clavier. Prévoir
> une page Web qui informe ces touches raccourcis.
>
> .Les titres peuvent être en images. Mais l'idéal c'est qu'ils soient en
> texte HTML.
>
> .Avoir assez de contraste pour permettre aux daltoniens de lire une page
> Web, de distinguer les titres et les liens.
>
> .La police Verdana cause un problème d'accessibilité.
>
> .Hyperliens toujours soulignés. Distinguer les hyperliens visités et non
> visités, par des couleurs différentes.
>
> .Pas de documents en format PDF car ils sont illisibles pour les
> non-voyants.
>
> .Les éléments graphiques, comme les flèches, doivent être assez grosses
pour
> les voir. (y'a-t'il un minimum en pixels?).
>
>
>
> Éléments interactifs (animation sur une page) :
>
>
> Il y a trois façons d'avoir de l'animation sur une page Web : Flash,
> Javascript et Gif animé.
>
>
> .Les textes informatifs doivent être affichés en texte (HTML) et pas en
> image ou en flash. Donc, si on prévoit avoir des éléments Flash ou des
> images sur une page, elles ne devraient contenir que des images sans
texte.
>
> .Pour tous les éléments en Flash et Javascript, il faut toujours offrir
une
> alternative pour les internautes qui n'ont pas ces outils.
>
> .Éviter que des éléments visuels se promènent sur une page.
>
>
> Moteurs de recherche
>
> .Les moteurs de recherche tels que Google sont aussi handicapés
> visuellement. Donc si on suit le principe que les textes informatifs sont
> en HTML, le site sera mieux référencer.
>
>
>
>
>
> _______________________________________________
> Public-w3qc.org mailing list
> Public-w3qc.org at lists.w3qc.org
> http://lists.w3qc.org/listinfo.cgi/public-w3qc.org
>