Formation à la rédaction web et au référencement naturel, architecture d'information, stratégie des contenus, ergonomie éditoriale, maîtrise d'ouvrage et conseil.

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éos, 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éos.
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.

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.
Les outils gratuits sont en ligne.