Accessibilité numérique exemple : 10 bonnes pratiques et une interview

author

Marie Jehanne

26 avril 2022 | 3 minutes - Temps de lecture

Le rôle de l’accessibilité numérique est de permettre à TOUS d’accéder au contenu d’un site Web et de naviguer aisément dessus. Or aujourd’hui, 70 % du Web n’est pas accessible. Et l’accessibilité est désormais un enjeu pour les marques parce que c’est un critère pris en compte par Google pour positionner votre site Web.

Non seulement éthique, légale mais aussi business, l’accessibilité numérique regroupe plusieurs enjeux qui font que vous devriez vous y mettre cette année ! Mais par quoi commencer ? Comment peut-on concrètement rendre son site Web accessible ?

Dans cet article on vous donne des exemples d’accessibilité numérique via 10 bonnes pratiques et une interview du CNAM, un service public qui a placé et investit dans l’accessibilité numérique au cœur de sa stratégie.

SOMMAIRE

✅ Accessibilité numérique exemple : 10 bonnes pratiques

🎙 Interview du CNAM : un exemple où l’accessibilité numérique est au coeur des enjeux

✅ Accessibilité numérique exemple : 10 bonnes pratiques

Si l’accessibilité numérique est un véritable enjeu pour les marques et elles le savent, il n’en reste pas moins un sujet complexe. Pourquoi ? Parce que l’accessibilité numérique regroupe plusieurs optimisations aussi petites et visibles soient-elles, mais aussi peu évidentes quand on est exempt d’un handicap visuel ou physique et les entreprises doivent avoir des experts sur le sujet. En attendant, on vous a fait une petite liste avec 10 bonnes pratiques que vous pouvez mettre en place afin d’optimiser votre site Web en termes d’accessibilité numérique

  1. Une taille de police de texte de 14 px minimum sur toutes vos pages
  2. Un ratio entre les images et le texte de 4.5:1 (une notion inclut dans l’inclusive design)
  3. Garder les accents sur les lettres en majuscule
  4. Optimiser vos ancres de lien de manière explicite (bien pour l’utilisateur mais aussi pour le SEO)
  5. Rédiger les abréviations en entier, au moins la première fois qu’elles apparaissent dans votre texte / page

>> Interview de Marion Ranvier, Directrice de la Contentsquare Foundation sur l’accessibilité numérique

  1. Renseigner la balise ALT de chacune de vos images (idem, bien pour l’utilisateur mais aussi bien pour le SEO !) et ajouter une description pour donner un contexte à l’image
  2. Rendre vos notifications visuelles en même temps que sonores
  3. Proposer du sous-titrage, audio-description et la transcription sur chacune de vos vidéos
  4. Veiller à garder un contraste entre texte et l’arrière plan : pas de orange sur rouge par exemple
  5. Pouvoir mettre en pause les éléments en mouvement

On vous donne encore plus d’exemples dans notre rapport sur l’accessibilité numérique avec une checklist de plus de 20 insights 😱

Le guide de l’accessibilité numérique 

Comprendre les handicaps 👨‍🦯
Améliorer vos expériences utilisateur 🤩
Avancer étape par étape ✅

Télécharger

>> Plus d’infos sur ce que dit la loi sur l’accessibilité numérique.

🎙 Interview du CNAM : un exemple où l’accessibilité numérique est au coeur des enjeux 

Wendy Carré, notre super Content Manager et Copywriter 😍 a échangé avec Sophie Martin, Responsable du Département de l’Optimisation de la Relation Client ainsi que Fanny Richard, Directrice de l’Intervention Sociale et de l’Accès aux Soins, Caisse nationale de l’Assurance Maladie. 

Wendy Carré : En tant que service public, la Cnam a une mission d’accessibilité. Comment cela se traduit-il sur le plan numérique ?

Sophie Martin : Le site ameli.fr respecte déjà la norme AA+, et la Cnam a récemment conduit un audit d’accessibilité pour identifier les points de conformité ou de non-conformité. Quant au compte ameli à proprement parler, sa mise en conformité en matière d’accessibilité constitue un de nos gros chantiers pour 2022, notamment vis-à-vis des normes spécifiques qui s’appliquent aux écrans. Une mission a été engagée pour faire évoluer les démarches en ligne les plus utilisées et également faire monter en compétence les équipes de développeurs sur cette notion d’accessibilité, pour qu’elle soit intégrée dès la création d’un nouveau projet ou service. 

Fanny Richard : L’accessibilité numérique est le pendant de l’accessibilité physique ou au téléphone. Nous travaillons également pour améliorer les échanges directs avec nos assurés malentendants ou allophones, à l’aide de boîtiers de traduction en langue étrangère, et le déploiement à venir d’un service LSF. C’est un parcours qui est envisagé et construit de manière interbranche, car le besoin est le même dans tous les services.

L’interview intégrale dans notre 4ème édition du Magazine de l’Experience Digitale ! Retrouvez le gratuitement ici 👇

Le Magazine de l’expérience digitale #4

+75 pages d’interviews et d’analyses 🔍
+30 experts : Zoom, KusmiTea, Carrefour, ManoMano, Recommerce, Région Île-de-France… 👩‍💼🧑‍💼
+ des data exclusives 📈

Télécharger