Un site bien conçu est un site accessible
Dans les secteurs de la santé, du bien-être ou encore de l’accompagnement, proposer une expérience web inclusive n’est pas un bonus : c’est une nécessité éthique, professionnelle, et même commerciale. Les personnes malvoyantes représentent des millions d’utilisateurs dans le monde. Pourtant, peu de sites sont pensés pour être utilisables sans la vue.
Comment conçoit-on un site web vraiment accessible ? Quels sont les principes clés d’un design inclusif pour les malvoyants ? Et surtout : comment conjuguer esthétique, fonctionnalité et accessibilité ?
Étape 1
Comprendre les besoins des personnes malvoyantes
La malvoyance regroupe différents troubles visuels : basse vision, déficience centrale, vision périphérique, troubles de la perception des couleurs, etc. Ces utilisateurs n’ont pas tous besoin de la même chose, mais certains besoins reviennent :
La check list
- Contraste fort entre les textes et les fonds
- Navigation simplifiée et repères visuels clairs
- Compatibilité avec les lecteurs d'écran
- Grossissement sans perte d’information
- Alternative textuelle aux visuels
Pour aller plus loin : UX design dans le domaine de la santé : allier clarté, confiance et conversion
Étape 2
Utiliser les bonnes pratiques de contraste et de lisibilité
Les bonnes pratiques
- Respecter un ratio de contraste minimum de 4.5:1 pour les textes
- Privilégier une taille de police suffisante (minimum 16px pour les paragraphes)
- Éviter les polices trop fines ou décoratives
- Limiter l’usage de textes sur images
- Proposer un mode sombre ou clair au choix
Étape 3
Structurer le contenu pour les lecteurs d’écran
Un lecteur d’écran lit le contenu en s’appuyant sur la structure HTML. Pour qu’un site soit compréhensible, il faut :
À faire
- Utiliser une hiérarchie logique des titres (h1, h2, h3...)
- Renseigner des balises alt claires pour chaque image
- Éviter les carrousels automatiques ou les animations non contrôlées
- Rendre les formulaires accessibles (labels visibles, erreurs compréhensibles)
Étape 4
Penser la navigation clavier
De nombreuses personnes malvoyantes naviguent au clavier, sans souris :
Ne pas oublier
- Tous les éléments interactifs doivent être accessibles via la touche Tab
- Les menus doivent pouvoir être ouverts, explorés et validés au clavier
- Prévoir un lien d’accès rapide "Aller au contenu principal"
Outils
Tester avec des outils d’accessibilité
Des outils comme Wave, Color Contrast Checker ou encore les options d’accessibilité de Chrome permettent de vérifier la lisibilité et la compatibilité avec les lecteurs d’écran.
Bonus
Ne pas oublier l’expérience sensorielle
De nombreuses personnes malvoyantes naviguent au clavier, sans souris :
C'est toujours apprécié
- Utiliser des animations légères et contrôlables
- Jouer avec des sons, des textures visuelles contrastées
- Proposer des alternatives sensorielles (texte + audio, visuel + description)
Ce qu'il faut retenir
L’accessibilité, un engagement concret pour vos utilisateurs
Rendre un site accessible aux personnes malvoyantes, c’est montrer que votre marque est humaine, inclusive, et attentive aux besoins de tous. C’est aussi élargir votre audience et renforcer votre image de marque, notamment si vous œuvrez dans des domaines comme la santé, la thérapie, le bien-être ou le développement personnel.
Un bon design, ce n’est pas ce qui est juste beau.
C’est ce qui est beau et utilisable par chacun.
