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.
