Site web accessible (handicap) en Afrique : guide WCAG 2026

L accessibilite n est pas un luxe, c est une porte ouverte

Quand on parle d accessibilite web a un dirigeant a Dakar, la reaction est souvent : "c est pour les grandes structures occidentales". C est faux. Rendre un site accessible, c est s assurer qu une personne malvoyante, malentendante, ou ayant un handicap moteur peut l utiliser. En Afrique de l Ouest, des millions de personnes vivent avec un handicap, et la quasi-totalite des sites les exclut sans le vouloir.

Chez Kolonell, nous traitons l accessibilite comme une composante du design, pas comme une option de fin de projet. Et la bonne nouvelle : ce qui rend un site accessible le rend aussi plus rapide, plus clair, et mieux classe par Google. L accessibilite et le SEO partagent les memes fondations.

Comprendre les WCAG sans se noyer

Les WCAG (Web Content Accessibility Guidelines) sont la reference mondiale. Elles reposent sur quatre principes simples, resumes par l acronyme POUR.

• Perceptible : le contenu doit pouvoir etre percu (texte alternatif sur les images, contraste suffisant).
• Operable : le site doit etre utilisable au clavier, sans souris obligatoire.
• Comprehensible : langage clair, comportement previsible, erreurs explicites.
• Robuste : compatible avec les technologies d assistance (lecteurs d ecran).

Le niveau a viser pour un site professionnel est AA. C est exigeant mais atteignable, et c est le standard que nous appliquons par defaut.

Les contrastes : le combat numero un

C est l erreur la plus repandue. Du texte gris clair sur fond blanc, du bleu sur du noir, du texte pose sur une photo : illisible pour beaucoup, et catastrophique au soleil sur un ecran de telephone.

Regles de contraste

• Texte normal : rapport de contraste d au moins 4,5:1 avec le fond.
• Grand texte (titres) : au moins 3:1.
• Ne jamais transmettre une information par la couleur seule. Un champ en erreur doit aussi afficher une icone et un message, pas seulement un cadre rouge.

Outil concret

Nous verifions chaque combinaison avec le WebAIM Contrast Checker et le verificateur integre a Figma. Un site qui passe le soleil de midi a Dakar passe partout.

Lecteurs d ecran : penser pour ceux qui n voient pas

Une personne aveugle navigue avec un lecteur d ecran qui lit le code de la page a voix haute. Si le code est mal structure, l experience est chaotique.

Bonnes pratiques

• Texte alternatif (attribut alt) decrivant chaque image utile. Une image decorative recoit un alt vide.
• Titres hierarchises correctement : un seul H1, puis H2, H3 dans l ordre logique.
• Liens explicites : "Lire notre guide tarifaire" plutot que "cliquez ici".
• Formulaires avec etiquettes (labels) reliees a chaque champ.
• Utilisation des reperes ARIA uniquement quand le HTML natif ne suffit pas.

Navigation au clavier : ne jamais oublier la touche Tab

Beaucoup d utilisateurs, notamment avec un handicap moteur, n utilisent pas de souris. Ils naviguent avec la touche Tab.

Ce qu il faut garantir

• Tous les elements interactifs accessibles dans un ordre logique avec Tab.
• Un indicateur de focus visible : on doit toujours voir ou l on se trouve.
• Aucun piege au clavier : on doit pouvoir entrer et sortir de chaque composant (menu, fenetre modale).
• Un lien "Aller au contenu" en debut de page pour sauter la navigation.

Sous-titres et alternatives media

La video est partout, y compris en Afrique ou elle explose sur les reseaux. Mais une video sans sous-titres exclut les personnes sourdes, et beaucoup de gens regardent sans le son.

• Sous-titres sur toutes les videos importantes.
• Transcription texte pour les contenus audio.
• Ne jamais declencher d animation rapide clignotante qui peut provoquer des crises d epilepsie.

Mini etude de cas : un site institutionnel a Dakar

Une institution publique nous a demande de revoir son portail. L audit d accessibilite a revele un score catastrophique : contrastes insuffisants sur 60 % du texte, aucune image avec texte alternatif, et un menu impossible a utiliser au clavier.

Nous avons retravaille la palette pour atteindre un contraste AA partout, ajoute des textes alternatifs, restructure les titres, et rendu toute la navigation operable au clavier avec focus visible. Au-dela de la conformite, le site est devenu plus rapide et plus clair pour tous. Effet secondaire mesure : le trafic organique a progresse de 22 % en quatre mois, Google ayant mieux compris la structure semantique.

Pourquoi l accessibilite booste votre SEO

Ce n est pas un hasard. Les techniques d accessibilite et celles du referencement se recouvrent largement.

• Le texte alternatif des images aide les aveugles ET le referencement images de Google.
• Une structure de titres propre aide les lecteurs d ecran ET les robots d indexation.
• Des liens explicites aident la comprehension ET le maillage interne.
• Un site rapide et leger sert l accessibilite ET les Core Web Vitals.

Investir dans l accessibilite, c est donc investir dans la visibilite. Deux benefices pour un seul effort.

A faire / a eviter

• A faire : tester avec un lecteur d ecran (NVDA gratuit sur Windows, VoiceOver sur Mac).
• A faire : naviguer toute une page uniquement au clavier.
• A eviter : le texte en image (illisible par les lecteurs d ecran et par Google).
• A eviter : les couleurs comme unique porteur d information.
• A eviter : desactiver le zoom sur mobile.

Outils recommandes

• WAVE et axe DevTools : audit automatique dans le navigateur.
• WebAIM Contrast Checker : verification des contrastes.
• Lighthouse (onglet Accessibilite) : score rapide et pistes d amelioration.
• NVDA et VoiceOver : tester l experience reelle des lecteurs d ecran.

FAQ

L accessibilite est-elle obligatoire en Afrique ?

La reglementation varie selon les pays et reste souvent peu appliquee. Mais l accessibilite est avant tout une bonne pratique : elle elargit votre audience, ameliore le SEO et protege votre image. Ne pas attendre une loi pour bien faire.

Combien coute la mise en accessibilite d un site ?

Integree des la conception, elle coute tres peu. Corriger un site existant demande plus de travail, mais l essentiel (contrastes, textes alternatifs, structure des titres) est rapide et a fort impact.

L accessibilite degrade-t-elle le design ?

Non. Un bon designer integre les contraintes d accessibilite sans sacrifier l esthetique. Au contraire, les sites accessibles sont souvent plus clairs et plus elegants.

Quel niveau WCAG viser ?

Le niveau AA est le standard professionnel recommande. Il couvre l essentiel des besoins sans exiger les contraintes lourdes du niveau AAA.

Comment savoir si mon site est accessible ?

Lancez un audit avec Lighthouse ou WAVE, verifiez les contrastes, et essayez de naviguer au clavier et avec un lecteur d ecran. Ces tests revelent vite les problemes majeurs.

L accessibilite aide-t-elle vraiment le referencement ?

Oui, clairement. Textes alternatifs, structure semantique, vitesse et liens explicites servent a la fois l accessibilite et le SEO. Les deux disciplines partagent les memes fondations.

Discutons de votre projet. Chez Kolonell, nous concevons des sites accessibles a tous, conformes WCAG AA, et naturellement mieux classes. Ecrivez-nous sur WhatsApp +221 77 596 93 33.