Cflou, un site e-commerce accessible aux personnes déficientes visuelles

Cflou propose un large éventail de solutions pour les personnes touchées par une déficience visuelle. Grâce à leurs produits proposés à l’achat, à la location ou en prêt, les malvoyants et les non-voyants gagnent en autonomie que ce soit dans leur vie quotidienne, dans leurs loisirs ou dans leur vie professionnelle. Le site de vente en ligne de Cflou, développé par l’agence web Soledis, est accessible aux personnes touchées par la malvoyance ou la cécité. Zoom sur notre expertise en accessibilité web.

La navigation web avec une déficience visuelle

Pour naviguer sur internet, les personnes touchées de déficience visuelle utilisent différentes aides techniques :

• Les outils d’agrandissement qui permettent de zoomer sur une partie de l’écran ou d’agrandir tout un contenu. Pour les déficiences visuelles légères, le zoom du navigateur ou de Windows peut être suffisant. Pour des besoins d’agrandissement supplémentaires, il existe des logiciels spécifiques qui permettent aussi de modifier les contrastes et curseurs de souris.
• Les lecteurs d’écran retranscrivent l’information vocalement ou en braille. Ces synthèses vocales permettent d’interagir avec le site à la voix. La navigation se fait avec le clavier (et non avec la souris) avec par exemple la touche TAB ou les flèches haut et bas pour atteindre le contenu suivant. La page est lue de haut en bas en explicitant des balises comme « header » ou « h1 », « h2 » pour donner des informations de hiérarchie de l’information. Pour les besoins de ces logiciels, la construction des pages et les textes alternatifs des images ou des tableaux ne doivent pas être négligés. Et des adaptations peuvent être faites pour faciliter encore la navigation.

Les spécificités d’accessibilité du site de Cflou

Ce degré de facilitation de la navigation est évalué au travers des 106 critères de la norme RGAA (version française de la norme internationale WCAG). Avant de lancer le développement du site, il fallait bien spécifier les besoins prioritaires de la cible de Cflou en termes d’accessibilité pour identifier les besoins en développements spécifiques.

Voici donc les adaptations qui ont été nécessaires pour la refonte PrestaShop de Cflou :

• Police spécifique (Luciole, une police conçue pour être la plus accessible possible)avec possibilité d’en agrandir ou réduire la taille ou de choisir une police adaptée à la dyslexie
  • Textes alternatifs aux images obligatoiresIndicateurs de focus clavier, contrastes sur la zone de saisie activeCohérence des boutons de fonctionnalités sur l’ensemble du site
  • Contrastes prononcés

Par ailleurs, Soledis a également fourni à Cflou dans le cadre de ce projet des templates de documents .pdf adaptés en grandes polices (Header et contenu) : factures, bon de retour, bon de livraison.

Et enfin il a fallu adapter chaque module front aux critères d’accessibilité du site.

« C’est tout l’intérêt de travailler avec un CMS open source comme PRESTASHOP et d’avoir des développeurs full stacks et pas seulement des intégrateurs. Modifier des modules qui ne nous appartiennent pas demande un peu de technicité. »

Jean-Marc, business developer chez Soledis Nantes

Zoom sur 2 fonctionnalités d’accessibilité développées par Soledis pour Cflou

Chez Soledis à Vannes, c’est Benjamin, développeur fullstack qui, grâce à une formation dédiée, maîtrise le mieux les critères d’accessibilité de la norme RGAA.

« Un accès rapide au contenu a été développé à la prise de focus : ainsi, dès le chargement d’une page, l’utilisateur a la possibilité de se déplacer directement dans une zone de la page (ancrage). »

« Une aide au handicap visuel a également été développée : il s’agit d’une toolbox permettant d’agrandir la taille de la police, de changer le contraste ou même de changer de police de caractère. »

Benjamin, développeur full stack chez Soledis Vannes

Aujourd’hui, grâce à ce site accessible aux personnes touchées par la déficience visuelle, Cflou peut proposer ses services de vente, location, prêt et étude de besoins spécifiques à une cible plus large, partout en France.