Sur le marche africain, la realite des usages est sans ambiguite : on accede a internet d abord avec un telephone, souvent sur un reseau mobile irregulier, parfois sur un appareil d entree de gamme avec peu de memoire. Un site concu d abord pour le grand ecran d un bureau a Paris ou New York, puis "adapte" au mobile en bout de chaine, echoue ici. La logique doit etre inversee : concevoir d abord pour le petit ecran, la connexion lente et le doigt qui touche, puis enrichir pour les ecrans plus grands.
L accessibilite (la capacite d un site a etre utilise par tous, y compris les personnes en situation de handicap) et l UX mobile-first ne sont pas deux sujets separes. Ce sont deux faces de la meme exigence : rendre un site reellement utilisable par le plus grand nombre, dans les conditions reelles du terrain.
Mobile-first : pourquoi ce n est pas qu un mot a la mode
Au Senegal et dans la plupart des pays d Afrique de l Ouest, la part du trafic web sur mobile depasse largement celle sur ordinateur. Concevoir mobile-first signifie partir des contraintes les plus fortes (petit ecran, connexion lente, interaction tactile) pour batir une experience qui fonctionne partout. C est une discipline de priorisation : on garde l essentiel, on elimine le superflu.
Les consequences concretes
Un site mobile-first se reconnait a quelques signes : un contenu lisible sans zoomer, des boutons assez grands pour le pouce, une navigation simple a une main, des images qui se chargent meme en 3G, et un parcours qui va droit au but. Le visiteur sur mobile n a pas la patience de fouiller un menu a tiroirs concu pour la souris.
Les fondamentaux de l accessibilite : WCAG
Les WCAG (Web Content Accessibility Guidelines) sont la reference internationale en matiere d accessibilite. Elles definissent trois niveaux de conformite :
- Niveau A : exigences minimales, sans lesquelles certaines personnes ne peuvent tout simplement pas utiliser le site.
- Niveau AA : le standard recommande pour la plupart des sites, et celui que nous appliquons par defaut. Il couvre les contrastes, la navigation au clavier, les alternatives textuelles.
- Niveau AAA : le plus exigeant, rarement atteignable integralement sur un site complet.
Viser le niveau AA est l objectif raisonnable et professionnel. Il ne s agit pas d un luxe : un site accessible est aussi un site mieux structure, plus facile a referencer et plus agreable pour tous.
Quatre principes a retenir
Les WCAG reposent sur quatre piliers, resumes par l acronyme POUR : le contenu doit etre Perceptible (visible et audible pour tous), Utilisable (navigable au clavier comme au toucher), Comprehensible (langage clair, comportements previsibles) et Robuste (compatible avec les technologies d assistance comme les lecteurs d ecran).
Les contrastes : lire sous le soleil de Dakar
Un texte gris clair sur fond blanc est illisible pour beaucoup de personnes, et plus encore sur un ecran de smartphone en plein soleil. Les WCAG fixent un ratio de contraste minimal de 4,5:1 pour le texte courant et 3:1 pour les grands textes. Respecter cette regle ameliore la lisibilite pour tout le monde, pas seulement pour les personnes malvoyantes. Dans un pays ensoleille ou l on consulte souvent son telephone dehors, c est un atout business direct.
Les tailles tactiles : concu pour le pouce
Sur mobile, on interagit avec le doigt, pas avec un curseur precis. Les recommandations fixent une taille minimale de cible tactile d environ 44 a 48 pixels. Des boutons trop petits ou trop rapproches generent des erreurs de clic, de la frustration et des abandons. Les liens dans un menu, les boutons d ajout au panier, les champs de formulaire : tout doit etre dimensionne pour le pouce.
Les formulaires : le point de friction numero un
Un formulaire mal concu est l endroit ou l on perd le plus de conversions. Les regles d or :
- Le moins de champs possible : chaque champ supplementaire fait chuter le taux de completion. Demandez seulement l indispensable.
- Des libelles clairs au-dessus des champs, jamais uniquement a l interieur (qui disparaissent a la saisie).
- Le bon type de clavier : un champ telephone doit ouvrir le clavier numerique, un champ e-mail le clavier adapte.
- Des messages d erreur explicites indiquant quoi corriger, pas un vague "erreur".
- La saisie facilitee : indicatif +221 prerempli, formats tolerants.
La faible bande passante : performance et accessibilite se rejoignent
Besoin d'un site web professionnel ?
Kolonell crée des sites web qui attirent des clients, optimisés pour le marché sénégalais. Devis gratuit en 2 minutes.
Un site lourd est inaccessible a une personne dont le forfait data est limite ou dont la connexion est faible. Concevoir pour la faible bande passante est donc un acte d inclusion autant que de performance :
- Images optimisees en WebP ou AVIF, dimensionnees pour l ecran, chargees a la demande (lazy-loading).
- Minimiser le JavaScript : un site qui depend de plusieurs megaoctets de scripts est inutilisable sur un appareil modeste.
- Affichage progressif : afficher le contenu essentiel d abord, le reste ensuite.
- Polices systeme ou polices web legeres, pour eviter le texte invisible le temps du chargement.
L inclusion comme strategie, pas comme contrainte
Penser accessibilite, c est inclure les personnes malvoyantes, malentendantes, a mobilite reduite, mais aussi les personnes agees, les personnes peu a l aise avec le numerique, et celles qui consultent dans de mauvaises conditions (en marchant, sous le soleil, sur un vieux telephone). Au Senegal, cela represente une part enorme du marche. Exclure ces publics par negligence de conception, c est se priver de clients.
Mini cas client : la pharmacie de garde Keur Massar
Une pharmacie de Keur Massar voulait un site simple permettant aux habitants de verifier les horaires de garde et de commander un appel. La premiere version, sous-traitee ailleurs, etait un site lourd avec un carrousel animant cinq photos haute resolution : injouable en 3G, illisible au soleil avec son texte gris pale. Nous l avons reconstruit mobile-first : une page legere, un bouton d appel enorme en haut, les horaires en gros caracteres a fort contraste, et le tout chargeant en moins de trois secondes sur 3G. Resultat, les appels entrants ont augmente nettement, et beaucoup de clients ages, qui abandonnaient l ancien site, ont commence a l utiliser. L accessibilite avait directement augmente le chiffre d affaires.
L impact business de l accessibilite
Au-dela de l ethique, l accessibilite a un retour sur investissement mesurable : meilleur taux de conversion (le site fonctionne pour plus de monde), meilleur referencement (Google valorise la structure et la rapidite), meilleure image de marque, et reduction du risque legal a mesure que les exigences d accessibilite se renforcent dans le monde. Un site accessible est tout simplement un meilleur site, pour tout le monde.
FAQ
Quel niveau WCAG viser pour un site de PME senegalaise ?
Le niveau AA est le standard professionnel raisonnable. Il couvre l essentiel (contrastes, navigation clavier, alternatives textuelles) sans les contraintes parfois irrealistes du niveau AAA.
Mobile-first va-t-il degrader l experience sur ordinateur ?
Non. Mobile-first signifie concevoir d abord pour le mobile puis enrichir pour les grands ecrans. Le resultat est excellent partout, parce que l essentiel a ete priorise des le depart.
Comment savoir si mes contrastes sont suffisants ?
Des outils gratuits mesurent le ratio de contraste entre texte et fond. Visez au moins 4,5:1 pour le texte courant. C est testable en quelques secondes.
Pourquoi reduire le nombre de champs de mes formulaires ?
Chaque champ supplementaire fait baisser le taux de completion. Demandez uniquement ce dont vous avez reellement besoin pour le premier contact, et collectez le reste plus tard.
L accessibilite coute-t-elle plus cher ?
Integree des la conception, elle ne coute quasiment rien de plus et rapporte davantage. C est la corriger apres coup sur un site mal concu qui coute cher. D ou l interet de partir mobile-first et accessible des le depart.
Discutons de votre projet. Construisez un site mobile-first, rapide et accessible, pense pour le marche africain reel. WhatsApp +221 77 596 93 33.
Mohamed Bah
Fondateur, Kolonell
Passionné par le digital et l'entrepreneuriat en Afrique, Mohamed accompagne les entreprises sénégalaises dans leur transformation digitale depuis 2020. Fondateur de Kolonell, il croit que chaque PME mérite une présence en ligne professionnelle et accessible.
