Rendre un site accessible : les grandes règles et les recommandations Sophie Van Cangh (ONA) Charleroi 26 Septembre 2003

L’ordinateur d’une personne non-voyante Sans écran donc sans vision globale de la page Sans souris donc navigation limitée à la tabulation

L’ordinateur d’une personne non-voyante Synthétiseur vocal Barrette braille Clavier ASCII, braille ou spécialisé Cette configuration-type varie selon les besoins spécifiques de l’utilisateur

La transmission des données

L’ordinateur d’une personne malvoyante Modification des paramètres du système d’exploitation Logiciel d’agrandissement Périphériques spécialisés +

Aperçu et conséquences des différents outils d’aide L’agrandissement

Aperçu et conséquences des différents outils d’aide L’agrandissement Affichage « normal » de la page

Aperçu et conséquences des différents outils d’aide L’agrandissement Affichage « ZOOM 4 x » de la page

Aperçu et conséquences des différents outils d’aide L’agrandissement : Conséquences Pas de vision globale de la page

Aperçu et conséquences des différents outils d’aide Modification des paramètres du navigateur Couleurs Tailles Polices

Aperçu et conséquences des différents outils d’aide Les paramètres du navigateur Affichage grandes polices OK

Aperçu et conséquences des différents outils d’aide Les paramètres du navigateur Affichage grandes polices

Aperçu et conséquences des différents outils d’aide Les paramètres du navigateur : conséquences Perte d’information Dans les tableaux de mise en page fixes Dans les fenêtres fixes Dans les pages à mise en forme imbriquée …

Aperçu et conséquences des différents outils d’aide X Décodeurs d’écran et navigateurs à texte Une lecture linéaire et sans image

Aperçu et conséquences des différents outils d’aide X Aperçu et conséquences des différents outils d’aide Décodeurs d’écran et navigateurs texte Affichage « normal » de la page

Aperçu et conséquences des différents outils d’aide X Aperçu et conséquences des différents outils d’aide Décodeurs d’écran et navigateurs texte Affichage sans image OK

Aperçu et conséquences des différents outils d’aide X Aperçu et conséquences des différents outils d’aide Navigateurs texte Lecture sans image Légende =Lien =Lien activé OK

Aperçu et conséquences des différents outils d’aide X Aperçu et conséquences des différents outils d’aide Décodeurs d’écran et navigateurs texte Affichage « normal » de la page

Aperçu et conséquences des différents outils d’aide X Aperçu et conséquences des différents outils d’aide Décodeurs d’écran et navigateurs texte Affichage sans image 

Aperçu et conséquences des différents outils d’aide X Aperçu et conséquences des différents outils d’aide Navigateurs texte Lecture sans image Légende =Lien =Lien activé

Aperçu et conséquences des différents outils d’aide L’interactivité L’utilisation des formulaires

Aperçu et conséquences des différents outils d’aide Utilisation des formulaires Affichage « normal » de la page Tab order 1 2 3 4 5 6 7 8 OK

Aperçu et conséquences des différents outils d’aide Utilisation des formulaires Affichage dans un navigateur à texte OK

Aperçu et conséquences des différents outils d’aide Utilisation des formulaires Affichage « normal » de la page

Aperçu et conséquences des différents outils d’aide Utilisation des formulaires Affichage dans un navigateur à texte Légende =Lien =Lien activé

Aperçu et conséquences des différents outils d’aide L’interactivité : conséquences L’interactivité, c’est possible Avec un ordre de tabulation logique Avec une linéarisation correcte des champs Avec des boutons d’annulation et de confirmation …

Réflexion Les grandes œuvres d’art ne sont grandes que parce qu’elles sont accessibles et compréhensibles à tous Léon Tolstoï