Article posté par Isabelle Canivet le Mercredi 24 août 2011

Des contenus web accessibles à tous

Accessibilité

L’accessibilité vise à rendre du contenu accessible au public le plus large possible tant au niveau technologique que physique. Présentation de quelques pistes pour des sites accessibles aux personnes souffrant d’un handicap visuel, physique et pour une plus grande accessibilité technologique.

accessibilité visuelle
accessibilité physique
accessibilité technologique

L’accessibilité visuelle

Le déficit visuel couvre une réalité très large : il peut s’agir de la difficulté de lire les tailles de police trop petites, du daltonisme en passant par les malvoyants et les aveugles qui font appel à la synthèse vocale pour lire le contenu de la page et à la page Braille qui le restitue tel quel.
Pour avoir un site accessible, il s’agit ici de prendre en compte la police, taille de police, taille relative des éléments, contraste, luminosité et brillance, d’éviter la transmission d’informations essentielles par le biais de la couleur. Il convient de renseigner toutes les balises ALT des images, les balises Title des liens.
Il s’agit d’offrir des substituts (retranscriptions texte ou audio) aux animations Flash, aux vidéo, ou autres fichiers multimédias et de renseigner également les balises de ces derniers.Si votre site propose le service de synthèse vocale, il faudra renseigner les balises qui sont destinées aux lecteurs d’écran: les feuilles de style portant ces balises doivent indiquer le média « aural » comme suit :

<link rel="stylesheet" media="aural",  type"text/css" title="votre style" href="css/style_aural.css">

Il existe plus de 20 balises de type aural.
Citons par exemple speak (prononciation épelée d’un élément), speak-header (lecture des en-têtes de cellules de tableaux) ou speech-rate (vitesse de lecture). Il y a également un sous-ensemble de paramètres acoustiques ou de timbres, comme « azimuth » et « elevation » qui précisent le positionnement spatial du son et de sa direction (vers le haut ou vers le bas), pitch (pour le timbre), voice family (home, femme, enfant, etc.), ou encore richness (portée de la voix).

De ce fait, il est important que les pages soient intelligibles par le texte seulement. Dans ce cas, la recommandation est XHTML, pour la bonne formation des contenus et son indépendance totale vis-à-vis des feuilles CSS.

L’accessibilité physique

L’accessibilité physique a attrait au maniement de la souris.
Pourquoi ne pas simplement étendre le champ cliquable des éléments, par exemple: pour cliquer un bouton, on élargit le champ cliquable au texte explicatif relatif au bouton radio, idem pour les cases à cocher.
Il faut faciliter la compréhension des technologies nécessitant des plug-ins, par exemple lorsque l’on propose des animations Flash ou des vidéo.
Enfin, pas tous les internautes sont égaux devant Internet : il faut toujours penser à se mettre à la place de son public, respecter les conventions du web, capitaliser sur l’apprentissage externe, mais également interne du site.

L’accessibilité technologique

L’universalité d’Internet n’a d’égal que la diversité des plateformes, tailles d’écran, vitesses de connexion, matériel informatique, puissance des processeurs, type de navigateurs, etc. Il convient d’offrir un site qui soit accessible à tous et non pas à une élite équipée du matériel le plus performant. Les statistiques de consultation du site peuvent par exemple être une indication.

Vischeck
Pour tester et valider l’accessibilité de vos sites en fonction des différents types de déficiences visuelles.

Autres logiciels :

www.etre.com/tools/colourcheck
www.snook.ca/technical/colour_contrast/colour.html

Lynx
Pour tester si votre site est utilisable en version texte, il vous suffit de tester le site avec un navigateur en mode texte comme Lynx.

W3 Consortium
Toutes les normes et recommandations en vigueur.

Web Accessibility Initiative du W3C
Toutes les normes et recommandations en vigueur pour des sites accessibles.
W3C défend l’accessibilité visuelle en proposant des outils pour évaluer si le contraste entre les couleurs utilisées pour le fond de page et les caractères typographiques est suffisamment différent. Il s’agit de prévoir une différence de couleurs de 400. Pour la brillance, pour que les textes soient lisibles sans effort, il faut que la différence soit supérieure à 125.

DES SITES UTILES ET UTILISABLES

Les contenus accessibles et ergonomiques à la base du positionnement d’un site

La présentation de contenus accessibles et ergonomiques permet de positionner un site sur les résultats des moteurs de recherche par rapport aux mots-clés importants pour l’activité, mais au-delà du positionnement, l’accessibilité et l’ergonomie permettent surtout d’élargir son audience potentielle, faisant de cette « contrainte » un outil marketing.

L’utilisabilité permet de réaliser efficacement ses objectifs

Intégrer une réflexion sur l’utilisabilité permet de faciliter l’expérience de l’utilisateur chaque fois qu’il essaye d’atteindre un objectif. Zoom sur le contenu, la structure du site, la présentation des éléments, les fonctions et la conciliation entre la technologie et les besoins de l’utilisateur.

Liste des principaux problèmes d’utilisabilité

Les échecs à l’utilisabilité et les freins à une bonne ergonomie entraînent une perte d’activité. Présentation des critères d’utilisabilité facteur d’échec.