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

L accessibilité n'est pas un luxe, c'est une porte ouverte

Quand on parle d accessibilité web à un dirigeant à Dakar, la réaction 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-totalité des sites les exclut sans le vouloir.

Chez Kolonell, nous traitons l'accessibilité 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 classé par Google. L'accessibilité et le SEO partagent les mêmes fondations.

Comprendre les WCAG sans se noyer

Les WCAG (Web Content Accessibility Guidelines) sont la référence mondiale. Elles reposent sur quatre principes simples, résumés par l'acronyme POUR.

• Perceptible : le contenu doit pouvoir être perçu (texte alternatif sur les images, contraste suffisant).
• Operable : le site doit être utilisable au clavier, sans souris obligatoire.
• Compréhensible : langage clair, comportement prévisible, erreurs explicites.
• Robuste : compatible avec les technologies d'assistance (lecteurs d'écran).

Le niveau à viser pour un site professionnel est AA. C'est exigeant mais atteignable, et c'est le standard que nous appliquons par défaut.

Les contrastes : le combat numéro un

C'est l'erreur la plus répandue. Du texte gris clair sur fond blanc, du bleu sur du noir, du texte posé sur une photo : illisible pour beaucoup, et catastrophique au soleil sur un écran de téléphone.

Règles 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 icône et un message, pas seulement un cadre rouge.

Outil concret

Nous vérifions chaque combinaison avec le WebAIM Contrast Checker et le verificateur intégré à Figma. Un site qui passe le soleil de midi à Dakar passe partout.

Lecteurs d'écran : penser pour ceux qui n voient pas

Une personne aveugle navigue avec un lecteur d'écran qui lit le code de la page à voix haute. Si le code est mal structuré, l'expérience est chaotique.

Bonnes pratiques

• Texte alternatif (attribut alt) décrivant chaque image utile. Une image décorative reçoit un alt vide.
• Titres hiérarchisés correctement : un seul H1, puis H2, H3 dans l'ordre logique.
• Liens explicites : "Lire notre guide tarifaire" plutôt que "cliquez ici".
• Formulaires avec étiquettes (labels) reliées à chaque champ.
• Utilisation des repères 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 éléments interactifs accessibles dans un ordre logique avec Tab.
• Un indicateur de focus visible : on doit toujours voir où l'on se trouve.
• Aucun piège au clavier : on doit pouvoir entrer et sortir de chaque composant (menu, fenêtre modale).
• Un lien "Aller au contenu" en début de page pour sauter la navigation.

Sous-titres et alternatives média

La vidéo est partout, y compris en Afrique où elle explose sur les réseaux. Mais une vidéo sans sous-titres exclut les personnes sourdes, et beaucoup de gens regardent sans le son.

• Sous-titres sur toutes les vidéos importantes.
• Transcription texte pour les contenus audio.
• Ne jamais déclencher d'animation rapide clignotante qui peut provoquer des crises d'epilepsie.

Mini étude de cas : un site institutionnel à Dakar

Une institution publique nous a demandé de revoir son portail. L'audit d'accessibilité a révèle un score catastrophique : contrastes insuffisants sur 60 % du texte, aucune image avec texte alternatif, et un menu impossible à utiliser au clavier.

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

Pourquoi l'accessibilité booste votre SEO

Ce n'est pas un hasard. Les techniques d'accessibilité et celles du référencement se recouvrent largement.

• Le texte alternatif des images aide les aveugles ET le référencement images de Google.
• Une structure de titres propre aide les lecteurs d'écran ET les robots d'indexation.
• Des liens explicites aident la compréhension ET le maillage interne.
• Un site rapide et léger sert l'accessibilité ET les Core Web Vitals.

Investir dans l'accessibilité, c'est donc investir dans la visibilité. Deux bénéfices pour un seul effort.

À faire / à éviter

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

Outils recommandés

• WAVE et axe DevTools : audit automatique dans le navigateur.
• WebAIM Contrast Checker : vérification des contrastes.
• Lighthouse (onglet Accessibilité) : score rapide et pistes d'amélioration.
• NVDA et VoiceOver : tester l'expérience réelle des lecteurs d'écran.

FAQ

L'accessibilité est-elle obligatoire en Afrique ?

La réglementation varie selon les pays et reste souvent peu appliquée. Mais l'accessibilité est avant tout une bonne pratique : elle élargit votre audience, améliore le SEO et protège votre image. Ne pas attendre une loi pour bien faire.

Combien coûte la mise en accessibilité d'un site ?

Intégrée dès la conception, elle coûte très peu. Corriger un site existant demande plus de travail, mais l'essentiel (contrastes, textes alternatifs, structure des titres) est rapide et à fort impact.

L'accessibilité dégrade-t-elle le design ?

Non. Un bon designer intègre les contraintes d'accessibilité sans sacrifier l'esthétique. Au contraire, les sites accessibles sont souvent plus clairs et plus élégants.

Quel niveau WCAG viser ?

Le niveau AA est le standard professionnel recommandé. 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, vérifiez les contrastes, et essayez de naviguer au clavier et avec un lecteur d'écran. Ces tests révèlent vite les problèmes majeurs.

L'accessibilité aide-t-elle vraiment le référencement ?

Oui, clairement. Textes alternatifs, structure sémantique, vitesse et liens explicites servent à la fois l'accessibilité et le SEO. Les deux disciplines partagent les mêmes fondations.

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