Engagement
Accessibilité numérique
Ce site est conçu pour viser le niveau AA des Web Content Accessibility Guidelines 2.1. Voici ce qui a été mis en œuvre, et ce qui reste à faire.
Niveau de conformité
La conformité visée est le niveau AA des WCAG 2.1. Les mesures listées ci-dessous ont été intégrées dès la conception du design system, et non ajoutées après coup.
Aucun audit externe n'a encore été réalisé. Tant qu'un audit indépendant n'a pas été conduit, cette page décrit un engagement et des mesures vérifiables, pas une conformité certifiée.
Contrastes vérifiés, pas estimés
Chaque couple texte/fond du design system a été calculé selon la formule de contraste WCAG 2.1. Les ratios sont documentés dans la feuille de styles : l'or de marque n'est jamais utilisé pour du texte sur fond clair car il n'atteint que 2,5:1 — une variante foncée à 5,7:1 le remplace.
Navigation entièrement au clavier
Le méga-menu s'ouvre au clic et non au seul survol, se referme par la touche Échap, et l'ensemble des composants interactifs expose son état via aria-expanded. Un anneau de focus visible et contrasté accompagne chaque élément atteignable.
Lien d'évitement
Un lien « Aller au contenu principal » apparaît à la première tabulation et permet de passer la navigation.
Structure sémantique
Un seul h1 par page, une hiérarchie de titres continue, des repères ARIA (header, nav, main, footer), des listes de description pour les indicateurs chiffrés et un fil d'Ariane balisé.
Accordéons natifs
Les questions fréquentes reposent sur les éléments details/summary du navigateur : ils fonctionnent au clavier et avec les lecteurs d'écran sans dépendre de JavaScript, et restent indexables.
Mouvement respectueux
Les animations d'apparition se désactivent automatiquement lorsque le système déclare prefers-reduced-motion. Aucune animation n'est déclenchée automatiquement en boucle sur du contenu textuel.
Contenu visible sans JavaScript
Les blocs animés à l'apparition ne sont masqués que si le navigateur exécute des scripts. Sans JavaScript, l'intégralité du contenu reste lisible.
Textes alternatifs et décor
Les éléments purement décoratifs — motif de ruban, trames, halos, icônes accompagnant un libellé — sont marqués aria-hidden pour ne pas encombrer la restitution vocale. Le logotype porte une alternative textuelle complète.
Ce qui reste à faire
- Audit d'accessibilité par un tiers indépendant.
- Tests avec des utilisateurs de lecteurs d'écran (NVDA, VoiceOver).
- Vérification systématique des futurs contenus éditoriaux : alternatives d'images, transcriptions des contenus audio et vidéo, sous-titrage.
- Extension de la démarche aux espaces à compte prévus en Phase 2, où les formulaires complexes et les tableaux de bord demanderont une attention particulière.
Signaler un problème
Si vous rencontrez une difficulté d'accès à un contenu ou à une fonctionnalité, écrivez-nous à info@teckonseils.co ou appelez le +223 20 29 09 09. Précisez la page concernée et la nature du blocage : nous traiterons le signalement et vous proposerons une alternative d'accès à l'information.