L'Accessibilité pour tous

par Vincent Matthys, webdesigner du site

Nous avons conçu et développé ce site Internet de façon à ce qu'il soit accessible à tous les utilisateurs, indépendamment de toute déficience technique ou physique.

Le problème de l'accessibilité vise une très grande variété d'utilisateurs; il s'agit de mettre le Web et ses services à la disposition de tous les individus, quel que soit leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, ou leurs aptitudes physiques ou mentales.

La première priorité concerne les personnes handicapées. La diversité des handicaps susceptibles d'affecter la capacité à accéder à un site Internet est importante. Ceux-ci peuvent être visuels (cécité, trouble de la vision, daltonisme qui concerne 8% des hommes), auditifs (surdité totale ou partielle), moteurs (paralysie, maladie de Parkinson), cognitifs ou neurologiques (des handicaps très légers comme la dyslexie ou des problèmes beaucoup plus graves comme l'épilepsie) ou encore provoqués par des maladies ou des blessures temporaires (bras cassé, problèmes de concentration).

Les problèmes d'accessibilité peuvent aussi être liés au vieillissement. Les seniors sont de plus en plus nombreux dans la population et ils sont de plus en plus nombreux à utiliser l'Internet. Ils ont souvent des difficultés motrices spécifiques, des troubles de la mémoire et de la vision.

Les personnes peu compétentes au niveau informatique, les (jeunes) enfants, constituent aussi un groupe d'utilisateurs qui peut rencontrer des difficultés spécifiques d'accessibilité.

Les personnes équipées de matériel plus ancien (ordinateurs plus lents, écrans de résolution moins élevée), de configurations obsolètes (navigateurs, logiciels), ou étant encore connectées en bas débit peuvent elles aussi rencontrer des difficultés d'accès.

L'accessibilité rejoint également la problématique de l'accès sur les appareils mobiles (PC ultra compacts, digital assistants, téléphones mobiles). L'essor du Web mobile suscite à son tour de nouveaux usages et des innovations technologiques qui sont autant de nouveaux défis en termes d'accessibilité.

Enfin, certaines personnes ne bénéficient pas toujours de conditions d'utilisation idéales (trop ou trop peu de lumière, présence de vibrations dans un train, manque de place pour la souris, ...).

Tous ces catégories d'utilisateurs, qui sont bien moins minoritaires qu'on ne le pense, rencontrent régulièrement ou de manière sporadique des difficultés à naviguer sur Internet, tout particulièrement sur les sites qui ne respectent pas les standards internationaux de structure et d'accessibilité.

Le développement de ce site a été mené en tenant compte des problèmes de chacun. Cela a nécessité de nombreuses adaptations, et cela demandera certainement encore de fréquentes modifications, mais nous avons souhaité rencontrer le mieux possible les attentes et les droits de chacun vis à vis de ce médium exceptionnel qu'est Internet.

Vous trouverez ci-dessous des informations plus détaillées sur cette démarche d'accessibilité.
Dans une section "Facilités de navigation" nous vous expliquons les différents aménagements prévus pour vous faciliter la navigation.
Une rubrique "Aménagements techniques" explique, pour ceux que cela intéresse, les différents procédés utilisés pour rendre ce site accessible.
Enfin, sous "Conformités" vous trouverez les différentes certifications auxquelles ce site répond.

Nous restons à votre écoute; si vous avez des problèmes, ou si vous souhaitez faire des remarques ou des suggestions pour nous aider à améliorer l'accessibilité du site, n'hésitez pas à nous le faire savoir.

Bonne navigation.

envoyer un email à Vincent Matthys

haut de page

Facilités de navigation

1. navigation clavier.

• FLECHE BAS, FLECHE HAUT, permettent de faire défiler les pages vers le bas ou vers le haut.
• TAB, SHIFT TAB, permettent de se déplacer d'un hyperlien au suivant ou au précédent.
• ENTER, permet d'activer un hyperlien.

2. taille du texte.

De nombreux navigateurs proposent des raccourcis clavier pour changer la taille du texte, généralement :

• sur PC: CTRL+ pour agrandir, CTRL- pour réduire,
• sur Mac: COMMANDE+ pour agrandir, COMMANDE- pour réduire.

Si ces raccourcis clavier ne fonctionnent pas, utiliser la methode suivante :

• FireFox ou Opera, choisissez "Affichage" puis "Zoom"
• Internet Explorer et Netscape, choisissez "Affichage" puis "Taille du texte"
• Safari, choisissez "Présentation"
• Google Chrome, cliquez sur l'icône "Contrôler la page" puis "Zoom texte"

3. styles alternatifs.

Chaque page du site est visualisable en version très contrastée, sans couleur ni illustrations. On accède à ce mode en cliquant sur "contraste élevé" en haut à droite de chaque page.
Pour revenir à la présentation normale du site, il vous suffit de cliquer sur "site entier".

Chaque page du site est visualisable en version texte seul, sans couleur ni illustrations. On accède à ce mode en cliquant sur "texte seul" en haut à droite de chaque page.
Pour revenir à la présentation normale du site, il vous suffit de cliquer sur "site entier".

4. accès direct au contenu.

5. hyperliens.

6. facilité d'impression du contenu des pages.

haut de page

Aménagements techniques

Dans cette partie, nous abordons quelques unes des techniques utilisées pour rendre ce site le plus accessible possible.
Bien que destinées à tout un chacun, ces lignes font appel à des notions plus techniques. Nous avons essayé de les rendre compréhensibles en gardant un texte vulgarisé et en indiquant entre [] les notions plus techniques.

Le contenu des pages est entièrement séparé de la présentation [le contenu est codé en XHTML, la mise en forme est enregistrée dans des CSS]. L'intérêt de séparer l'un de l'autre est de pouvoir présenter le même contenu sous différentes formes.

Le site est entièrement accessible sans la souris afin de permettre l'accès au site à l'aide d'un clavier, d'un clavier spécial ou d'un interpreteur vocal.

Les éléments de navigation tels que les menus, les liens apparaissent sur chaque page à la même place. Ceci aide les personnes avec des handicaps d'apprentissage et de lecture mais rend également la navigation plus facile pour tous les utilisateurs.

En tête de page, un lien permet de sauter l'ensemble du menu pour arriver directement au contenu. Cela facilite la navigation de ceux qui n'ont pas une vue d'ensemble de la page, comme par exemple sur l'écran d'un téléphone portable.

Le contraste entre le texte et l'arrière plan est suffisant pour une lecture confortable. Les différentes couleurs ont été choisies afin d'être contrastées même pour des personnes ayant des déficiences de perception des couleurs ou utilisant des écrans noir et blanc.

Les documents sont structurés par des éléments d'en tête ou titres [balises type h1-h6] afin de présenter une arborescence claire, notamment pour les moteurs de recherche.

L'information n'est jamais fournie à travers les couleurs seulement. Ceci pour éviter que des personnes qui voient mal ou pas les couleurs ne soient privées d'une partie de l'information.

Le texte principal étant en français [spécifié dans les attributs xml:lang et lang des balises meta], tous les changements de langue sont signalés [à l'aide de l'attribut xml:lang d'une balise q] afin d'en faciliter la lecture par les navigateurs braille ou les synthétiseurs vocaux multilangues.

Tous les textes sont accessibles, c'est à dire éditables, afin de permettre aux navigateurs non visuels de les transmettre. Pour les documents non éditables, PDF par exemple, une page alternative [en XHTML] est disponible.

Les informations non-textuelles telles que les images, logos, photos, sons, etc., possèdent une description textuelle [dans l'attribut alt de la balise img]. Ceci permet aux lecteurs d'écran, aux navigateurs non visuels et aux lecteurs braille de donner une description de l'élément non-textuel.

Aucun élément, texte, arrière plan ou image ne clignote afin de rendre la lecture agréable, particulièrement pour les personnes ayant des difficultés de concentration ou souffrant d'épilepsie.

Les mises en valeur du texte sont réalisées par des balises adéquates [em et strong] indépendantes d'un effet visuel propre comme la mise en gras ou en italique [balises b ou i]. Ceci permet de traiter la mise en valeur de différentes façons, par exemple mise en gras pour un navigateur visuel et changement de l'inflection de la voix pour un synthétiseur vocal.

Une signification est donnée aux abbréviations et aux acronymes [par l'attribut title de la balise acronym].

Les tailles des polices de caractères sont paramétrées en unités relatives [en utilisant l'unité em], cela permet à l'internaute de choisir lui-même la taille des caractères affichés sur son écran.

Les tableaux sont utilisés pour présenter des données de façon structurelle. Ils ne sont pas utilisés à des fins de mise en page.

Les intitulés des liens sont significatifs, ils expriment clairement ce qui va être trouvé si le lien est suivit (ce qui n'est par exemple pas le cas d'un lien tel que "cliquez ici").

Tous les liens pointant vers le même objet ont le même intitulé. Ceci permet à l'internaute de reconnaitre les liens identiques et lui évite de retomber plusieurs fois sur la même information.

Les liens possèdent, le cas échéant, une description plus complète qui apparaît lors du pointage [par l'attribut title de la balise a].

L'ouverture d'un lien dans une nouvelle fenêtre est annoncée dans le lien et dans son descriptif [par l'attribut title de la balise a].

haut de page

Conformités

1. codage et langage.

Le code XHTML qui contient tout le contenu de la page Internet est conforme à la spécification XHTML 1.1.

Les feuilles de style CSS qui permettent la mise en forme du document tel que vous l'appercevez à l'écran sont conformes à la spécification CSS 2.0.

2. navigateurs.

®    ®    ®    ®    ®    ®

3. accessibilité.