L'accès aux informations présentées sur le WEB peut poser des problèmes aux personnes aveugles ou malvoyantes.
En effet, la plupart des aveugles utilisent un système de ligne braille, ou de synthèse vocale, que l'on rajoute à l'ordinateur. Ces systèmes sont compatibles Windows. Ils lisent donc tout ce qui est menu, icône, bouton et texte.
Les malvoyants utilisent parfois un système d'agrandissement. Ils ont toutefois souvent de la peine à distinguer le manque de contraste, et n'ont pas de vue globale de l'écran.
Voici donc un résumé des principales difficultés rencontrées par les personnes déficientes visuelles, et la façon de les résoudre:
Les images et les gif animées :
Difficulté : Les lignes braille et synthèses vocale ne lisent pas les images et animations, mais affichent le nom du fichier ou la légende correspondante.
Modification : Proposez une alternative de type texte à l'image en décrivant la fonction ou le contenu au moyen des attributs Alt. Cette légende, permet, lorsque l'on passe la souris sur ces images, d'afficher un petit texte explicatif de
la fonction de l'image. Donnez un nom explicite, évitez les légendes du type "image 1", L'utilisation d'images pour afficher du texte n'est pas lisible non plus. Exemple : <IMG SRC="NomDeLImage.jpg" ALT="Description de l'image visible par les moyen auxiliaire">
Les images cliquables :
Difficulté : Les lignes braille et synthèses vocale ne lisent pas les images cliquables, mais affichent le nom du fichier ou la légende correspondante.
Modification : Idem que pour les images et gif animés.
Exemple : <A HREF="http://www.nom_destination.ch" NAME="Nom du lien"><IMG SRC="NomDeLImage.jpg" ALT="Description de l'image visible par les moyen auxiliaire"></a>
Les Images-maps :
Difficulté : Comme pour les images.
Modification : Utilisez la propriété "Alt" des balises "Area" pour décrire la fonction des zones sensibles.
Utilisez la propriété "ALT" de la balise "IMG" pour l'explication de l'image.
Exemple : <MAP NAME="NomDuMap"> <AREA SHAPE="CIRCLE" COORDS="506,241,72" HREF="http://www.nom_destination.ch" ALT="Description du lien"> <AREA SHAPE="RECT" COORDS="80,80,217,385" HREF=" http:// www.nom_destination.ch " ALT="Description du lien"> </MAP> <IMG SRC="NomDeLImage.jpg" ALT="Description de l'image" USEMAP="#NomDuMap">
Le Multimédia :
Difficulté : Les sons intégrés directement au HTML ne sont pas lisibles par les aveugles.
Modification : Pour les sons, utilisez des liens cliquables.
Utilisez des sous-titres et des transcriptions pour des séquences audio, des descriptions audio pour des séquences vidéo.
Exemple : <a href="MonSon.wav"> écouter le son</a>
Les Liens hypertexte :
Difficulté : Le texte du lien est parfaitement lisible mais peut être incompréhensible.
Modification : Le texte des liens doit être compréhensible en soi. Evitez des formules comme "cliquer ici".
Les Couleurs :
Difficulté : Certains malvoyants ne voient pas bien les contrastes ou ne distinguent pas certaines couleurs. Les lignes brailles et synthèses vocale ne lisent pas les couleurs.
Modification : Choisissez des couleurs avec de bons contrastes.
La page doit pouvoir être lue sans couleur.
Police de caractère :
Difficulté : Certains malvoyants ont de la peine à s'habituer aux changements de style ou souhaite pouvoir changer la grandeur et le style eux-même.
Modification : La police et la grandeur des caractères ne doivent, de préférence, pas être définis de manière fixe dans les styles.
La Structure d'une page Web :
Difficulté : Les déficients visuels ont de la peine à trouver les informations dans des structures trop fournies ou complexe.
Modification : Employez des titres, des listes et de manière générale une structure simple et claire.
Les applets et plug-ins :
Difficulté : Les lignes braille et synthèses vocale ne les lisent pas.
Modification : Prévoyez des alternatives plus accessibles.
Les Frames (cadres) :
Difficulté : Pour les aveugles, ils sont lisibles mais peu pratiques. Ils doivent être lus séparément. Les malvoyants n'ont pas une vue globale de l'écran, et ont de la peine à trouver l'information.
Modification : Utilisez la balise "Noframe" et des titres explicatifs.
Nommez les cadres de façon explicite de façon à ce qu'ils puissent repérer dans quel cadre se trouve l'information qu'ils recherchent.
Exemple : <FRAMESET COLS="50%,*"> <FRAME NAME="CadeDeMenu" SRC="Menu.html"> <FRAME NAME="CadreDeContenu" SRC="Main.html"> <NOFRAMES><BODY>Explication du site sans le frames</BODY> </NOFRAMES>
Les Tables :
Difficulté : Les lignes braille et synthèse vocale lisent ligne par ligne. Certains utilitaires permettent de naviguer parmi les cellules d'une table. Les malvoyants doivent pouvoir agrandir ou modifier le tableau de façon élégante.
Modification : Les tables doivent pouvoir être lues ligne par ligne. Décrivez le contenu par une courte phrase et donnez des titres aux colonnes.
Les textes qui bougent :
Difficulté : Les malvoyants ont de la peine à s'adapter à la vitesse, au clignotement, ou autre.
Modification : Assurez-vous que les fonctions permettant de faire bouger, clignoter, défiler ou mettre à jour automatiquement des objets ou des pages puissent être mises en pause ou stoppées.
Les menus :
Difficulté : Les menus en Flash ne sont pas lisibles.
Les menus en DHTML peuvent être lisibles.
Les format PDF :
Difficulté : Les documents PDF sont essentiellement destinés à l'impression. Ils ne sont pas consultables à l'écran, à moins d'effectuer un certain nombre de manipulations supplémentaires.
Modification : Proposez des formats alternatifs comme le TXT, le RTF ou le HTML.
* Vous pouvez valider votre site internet comme étant accessible aux personnes déficientes visuelles.
ϟ
Δ
|