Les principes de base d'accessibilité.
Pourquoi vous devez optimiser l’accessibilité de votre site web ?
L’accessibilité web désigne l’ensemble des techniques et bonnes pratiques ayant pour objectif de rendre un site internet accessible à tous – et en particulier aux personnes “handicapées” au sens large du terme : personnes âgées, handicapés physiques ou mentaux, personnes malentendantes, malvoyantes… Un site internet designé, développé et rédigé avec l’accessibilité web en tête offre à tous un accès égal au site, à l’offre et au contenu qu’il propose.
Rendre son site facile d’accès a deux principaux avantages. Cela permet :
De montrer à tous les internautes que vous êtes une “bonne personne”, veillant à garantir un accès égal pour tout le monde, sans discriminations (gain en termes d’image de marque).
D’élargir l’audience de votre site. Les personnes souffrant d’un handicap ont une plus grande propension à faire leurs achats sur internet. Si vous avez un site e-commerce, améliorer l’accessibilité de votre site vous permettra de faire venir à vous de nouveaux acheteurs.
Mais ce ne sont pas les seuls avantages. Proposer un site facilement accessible et utilisable est bénéfique aussi pour les internautes ne souffrant d’aucuns handicaps.
Les différents handicaps à prendre en compte pour améliorer l’accessibilité web
Il existe différents types de handicaps : visuels, auditifs, moteurs ou même mentaux. Ces différents types de handicaps doivent être pris en compte si vous souhaitez optimiser l’accessibilité web de votre site.
1 Le handicap visuel
Le handicap visuel est à prendre au sens large. Il concerne aussi bien les personnes souffrant d’une cécité totale, celles ayant une mauvaise vision (myopie, presbytie) ou bien encore les personnes souffrant de daltonisme. On estime que près de 10% de la population souffre de troubles légers ou très importants de la vision (même en portant des lunettes). D’où l’importance de prendre en compte ce handicap, en veillant par exemple à faire en sorte que le choix des couleurs pour un produit soit facile même pour un daltonien.
2 Le handicap auditif
Selon l’INSEE, 11% de la population française souffre de problèmes d’audition (du handicap léger à la surdité totale). Pour rendre votre site web plus accessible pour ces personnes, il faut que vous fournissiez des sous-titres ou des transcriptions de tous vos contenus multimédia, et des transcriptions de tous vos contenus audio.
3 Le handicap moteur
Dans le contexte de l’accessibilité web, le handicap moteur fait par exemple référence à l’incapacité d’utiliser la souris, au manque de réactivité ou à tout autre handicap limitant les mouvements. Le handicap moteur est une catégorie regroupant une grande variété de handicaps : atteintes à la moelle épinière, arthrite, paralysie cérébrale, maladie de Parkinso, etc. Inutile de préciser que beaucoup de personnes sont concernées par une forme ou une autre de handicap moteur.
4 Le handicap cognitif
Le handicap cognitif est lui aussi marqué par la diversité et peut prendre des formes très variées, des troubles de la mémoire, aux difficultés de concentration en passant par les difficultés d’apprentissage. Cette diversité peut être réduite à trois catégorie : les problèmes de concentration, de mémoire et de compréhension (visuelle, linguistique ou mathématique). Pour faciliter l’accès de votre site aux personnes victimes de handicap cognitif, vous devez travailler autant sur le design, sur la structure que sur les contenus.
Les bonnes pratiques pour améliorer l’accessibilité de votre site web (WCAG 2.0)
Les WCAG 2.0 (Web Content Accessibilité Guidelines 2.0) est un ensemble de recommandations destinées à améliorer l’accessibilité des sites web. Les WCAG 2.0 est devenu un standard, même si paradoxalement le projet a été critiqué pour sa complexité !
Les WCAG 2.0 s’articule autour de 4 piliers : la perception (perceivable), l’utilisabilité (operable), la compréhension (understandable) et la compatibilité (robust). Un site accessible est un site facile à percevoir (à lire), à utiliser, à comprendre et compatible avec les technologies actuelles et futures.
12 principales recommandations à mémoriser
Perception #1 : proposer des équivalents textuels à tout contenu non textuel.
Perception #2 : proposer des sous-titres ou des versions de remplacement pour tous vos contenus multimédia.
Perception #3 : rendre vos contenus adaptables. Par exemple, proposer une version audio des contenus, donner la possibilité de modifier la taille de la police…
Perception #4 : jouer sur les contrastes pour permettre de bien distinguer les différents contenus (visuels, audios…) de votre site.
Utilisabilité #1 : faire en sorte de rendre les fonctionnalités accessibles au clavier (raccourcis).
Utilisabilité #2 : laisser le temps à l’internaute de lire ou utiliser le contenu qui lui est présenté.
Utilisabilité #3 : ne pas utiliser de contenu susceptible de provoquer des crises convulsives.
Utilisabilité #4 : aider l’utilisateur à naviguer dans les pages et contenus et à se localiser sur votre site (moteur de recherche, menu, fil d’ariane..).
Compréhension #1 : rendre vos contenus textuels lisibles et compréhensibles.
Compréhension #2 : faire en sorte que vos contenus apparaissent et fonctionnent de manière prévisible.
Compréhension #3 : aider l’internaute à éviter et à corriger les erreurs.
Compatibilité #1 : optimiser votre site afin qu’il soit compatible avec les technologies actuelles et futures.