Rendre un site, blog accessible

Submitted by nacha on Thu, 03/01/2018 - 14:09

ordinateur avec ligne braille

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 :
Pour avoir le procédé complet, vous pourrez le télécharger ici prochainement.
Vous pouvez valider votre site internet comme étant accessible aux personnes déficientes visuelles.

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 :
Pour avoir le procédé complet, vous pourrez le télécharger ici prochainement.

 

 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">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 sonLes 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 pratique. 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>Explication du site sans le framesLes 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 sont difficilement 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.

 

Découvrez :

Le braille

Étiquettes