L’accessibilité des sites web est régie par des règles établies dans le WCAG 2.0 (cf. lien ci-dessous). Les non-voyants utilisent des outils de synthèse vocale qui lisent le contenu des pages web. La stricte conformité aux règles du WCAG est donc nécessaire pour que cette lecture ait un sens pour celui qui l’écoute.
Implémentation
Voici les principaux éléments à prendre en compte pour rendre accessible et augmenter compréhension d’un site web :
– alléger le code html des balises de styles en employant les CSS (feuille de style en cascade) pour définir l’ensemble des styles des pages du site (cf. Maîtrise des CSS dans les ressources)
– indiquer la langue utilisée dans chaque page web pour que la synthèse vocale puisse l’interpréter. Ex :
– mettre un titre à chaque page web (balise <title></title>)
– diviser les pages en zones selon les éléments contenus (entête, menu, contenu, pied de page) à l’aide des CSS
– utiliser des polices proportionnelles (em ou %)
– utiliser les niveaux de titres et sous-titres pour identifier la structure du document. Ex : <h1></h1>, <h2></h2>, <h3></h3>
– identifier les sections et paragraphes pour circuler facilement dans le texte
– utiliser les tableaux pour afficher des données, pas pour effectuer la mise en page (recourir plutôt aux CSS)
– formater les tableaux en fournissant une description
– s’assurer d’une définition correcte des formulaires
– fournir une description alternative à toutes les images
– employer des liens explicites
– employer des combinaisons de couleurs (texte, liens, liens visités/fond) qui soient visibles par les personnes mal-voyantes
– employer Javascript avec précaution : s’assurer que, si Javascript est désactivé, le site est toujours accessble, au moins dans une forme « dégradée »
– utiliser le navigateur Firefox pour vérifier le site en cours d’élaboration (voir les plugins développés pour vérifier l’acccessiblité ci-dessous dans la section « Outils »)
– tester la navigation du site au clavier
– valider le code HTML de chaque page (voir dans la section « Outils » ci-dessous)
– valider les feuilles CSS (voir dans la section « Outils » ci-dessous)
– enfin, la meilleure validation consisterait a faire tester le site web par des personnes en situation de handicap ou tester avec un lecteur audio de page web
Outils
– WEB content accessibility guidelines 1.0 (WCAG 1.0) – mai 1999 : référentiel pour assurer l’accessibilité des sites web pour l’ensemble des handicaps
– WEB content accessibility guidelines 2.0 (WCAG 2.0) – déc. 2008: nouveau référentiel complétant le précédent
– Service de validation HTML du W3C
– Service de validation CSS du W3C
– Les outils pour Firefox :
- Web Developer (outils de développement web pour Firefox et Chrome)
- Fangs (émulateur de lecteur audio de page web)
- Lynx (navigateur en mode texte)
– les autre outils :
- Coulour contrast (évaluateur de constraste des couelurs)
Ressources
– Accessibilité du Web Wikipédia
– Les normes concernant l’accessibilité du Web W3C – Web Accessibility Initiative (WAI)
– Accessibilité OpenWeb
– Guide d’évaluation de l’accessibilté d’un site web
– Communauté pratique pour l’accessibilité du Web
– A. Budd et al. (2009), Maîtrise des CSS (2ème édition), Pearson