Accessibilité
Déclaration d'accessibilité
Ce que nous avons vérifié, ce qui reste à corriger, et comment nous le signaler. Nous préférons une déclaration incomplète mais exacte à une promesse de conformité invérifiable.
État de conformité
Partiellement conforme
Le site est conforme au niveau AA des WCAG 2.2 sur les éléments réellement audités, listés plus bas. Les pages qui n'ont pas encore été relues ne sont pas déclarées conformes — elles sont déclarées non auditées. Aucun audit externe n'a été réalisé à ce jour, et aucune certification n'est revendiquée.
Niveau visé
Nous visons le niveau AA des WCAG 2.2 sur l'ensemble des pages publiques du site. Les critères ajoutés par la version 2.2 sont pris en compte, en particulier 2.4.11 et 2.4.13 (apparence et non-masquage du focus clavier) et 2.5.8 (taille des cibles de pointage).
Dernière vérification :
Périmètre audité
L'audit est mené page par page, pas globalement. Voici l'état exact au dernier passage.
Audité et corrigé
- Le socle chromatique complet : chaque couple texte/fond des thèmes clair et sombre est vérifié par calcul, pas à l'œil.
- Le chrome commun à toutes les pages : en-tête, pied de page, lien d'évitement, anneau de focus clavier.
- La page d'accueil, y compris son bloc d'introduction.
- La présente page, la foire aux questions, la page d'erreur 404 et la page Réseau Diaspora.
- Les pages État des services et Maintenance, vérifiées à 375 px et 1280 px dans les thèmes clair et sombre.
- La page d'indisponibilité affichée quand le site ne répond plus : elle est écrite en français et en anglais, sans dépendance externe, et son parcours clavier a été vérifié.
- Les pages Transparence et Sécurité, vérifiées à 375 px et 1280 px dans les thèmes clair et sombre.
- Les dix documents institutionnels et juridiques (mentions légales, politiques, statuts, chartes), qui partagent un seul gabarit d'affichage : hiérarchie des titres, en-têtes de tableau, langue du document et défilement des tableaux au clavier.
- Le formulaire de contact : étiquettes, messages d'erreur et parcours clavier — à l'exception de la couleur des messages d'erreur, encore ouverte (voir plus bas).
- Les pages Impact, Espace membre, Portail d'investissement et Transparence des dépenses, vérifiées à 320 px, 375 px et 1280 px, en thème clair, en thème sombre et sans préférence déclarée.
- La page Objectif 1 000 000 € — la page de collecte de dons — et son formulaire de don, vérifiés à 320 px, 375 px et 1280 px, en thème clair, en thème sombre et sans préférence déclarée.
- Les pages Institutions, ONG et bailleurs et Entreprises et marques, ainsi que le formulaire de partenariat qu'elles partagent, vérifiés aux mêmes trois largeurs et dans les mêmes trois thèmes.
- Les pages Pool d'experts, Projets en recherche de financement et Actualités — y compris les pages 2 à 6 de la liste d'articles et la page d'un article —, vérifiées aux mêmes trois largeurs et dans les mêmes trois thèmes. Ces trois pages affichent des données vivantes : au jour de la vérification, les deux premières étaient légitimement vides et seule leur mise en page à vide a donc pu être contrôlée.
- Les pages Offres d'emploi, Espace experts, Appels à missions, Devenir expert, Gouvernance et Événements, vérifiées aux mêmes trois largeurs et dans les mêmes trois thèmes, en français et en anglais. Les pages Offres d'emploi et Événements affichent des données vivantes : au jour de la vérification, la plateforme ne publiait aucune offre ni aucun événement, et seule leur mise en page à vide a donc pu être contrôlée. La fiche individuelle d'un expert n'a pas pu être vérifiée en rendu : l'annuaire ne contient aucun profil publié, cette page ne peut donc s'afficher pour personne aujourd'hui.
- Les pages Fonds Diaspora, Investir au Cameroun, Confiance et sécurité et Nos projets, vérifiées à 320 px, 375 px et 1280 px, en thème clair et en thème sombre mesurés séparément. La page Confiance et sécurité affiche des données vivantes : au jour de la vérification, aucun dossier n'avait transité par le séquestre, et seule sa mise en page à zéro a donc pu être contrôlée — la page le dit désormais elle-même.
- Le carrefour Business & partenariats et ses pages Institutions financières & fintech, Médias & créateurs de contenu et Particuliers & indépendants, la page Centre de ressources, l'Espace donateur et son reçu imprimable, vérifiés à 320 px, 375 px et 1280 px, en thème clair et en thème sombre mesurés séparément. Le formulaire de connexion de l'Espace donateur était illisible en thème sombre (texte quasi noir sur fond quasi noir) : corrigé, ainsi que la bordure de son champ, sous le seuil non textuel. Le reçu imprimable n'a pas pu être vérifié avec un don réel — il exige une session de donateur valide ; sa branche « reçu introuvable », qui ne portait aucun titre de page, l'a été.
Pas encore audité
- Les autres pages publiques, reprises progressivement par ordre de fréquentation.
- L'espace membre, qui est une application distincte avec son propre suivi.
- Les documents téléchargeables (PDF de gouvernance, rapports) : leur accessibilité n'a pas été évaluée.
- Les contenus tiers intégrés (cartes, lecteurs vidéo, scripts de mesure d'audience), sur lesquels nous n'avons pas la main.
Méthode
Les contrôles sont automatisés quand c'est possible, et manuels quand l'automatisation ne prouve rien.
- Contraste : un script lit les couleurs à la source et calcule le ratio WCAG réel de chaque paire déclarée, y compris pour les couleurs semi-transparentes composées sur leur fond. Une paire sous son seuil fait échouer la vérification.
- Navigation clavier : parcours réel de la page à la tabulation, anneau de focus observé sur chaque élément atteignable.
- Structure : vérification des repères de page, de la hiérarchie des titres et des alternatives textuelles.
- Affichage : rendu réel vérifié à 320 px, 375 px et 1280 px de large, pas estimé.
- Taille des cibles : mesurée dans le navigateur, en appliquant les exceptions réelles du critère 2.5.8 — une cible plus petite que 24 px reste conforme si elle est isolée de ses voisines ou si elle est en ligne dans une phrase. Compter sans ces exceptions produirait une alerte fausse et masquerait les vrais manquements.
Défauts connus
Cette liste est tenue à jour à partir du suivi interne du chantier. Elle inclut les défauts déjà corrigés, pour que l'on puisse vérifier ce qui a changé, et ceux encore ouverts, pour que personne ne les découvre à notre place.
- CorrigéWCAG 2.2 · 2.5.8 Taille des cibles (minimum)
Dix liens juridiques trop serrés en bas de page
La dernière ligne du pied de page — accessibilité, mentions légales, politiques, conditions d'utilisation, état des services — alignait dix liens de 16 px de haut dont les voisins n'étaient qu'à 20 px de centre à centre, sous les 24 px exigés. Ce pied de page étant rendu sur toutes les pages du site, le défaut l'était aussi. Chaque lien a reçu une zone de clic plus haute, ce qui porte l'écart entre voisins à 32 px. Mesuré à nouveau après correction sur cinq pages : aucune cible en défaut.
- OuvertWCAG 2.2 · 1.4.3 Contraste minimum
Vert de l'emblème employé comme couleur de texte, en thème sombre
Le montant d'une annonce sur le portail d'investissement, le lien vers le justificatif d'une dépense, sur la page de collecte de dons les sur-titres de section ainsi que le lien vers le détail des dépenses, et le sur-titre « Focus » de la page Institutions, sont peints avec le vert du drapeau. En thème sombre, ils mesurent de 2,93:1 à 3,41:1 pour un seuil de 4,5:1. Sur la page de collecte, le badge « en cours » d'un palier emploie le rouge du drapeau et mesure 3,18:1. Sur la page Actualités, les deux badges de rubrique posent l'un le vert, l'autre le rouge du drapeau sur un fond de la même couleur à 10 % ; sur la page d'un article, le badge qui date les faits fait de même avec le rouge. Ce sont exactement les mêmes couples que le badge « Projet » du portail d'investissement et que le badge « En présentiel » de la page Événements, relevés le 28/08 : le même défaut, sur deux pages de plus. Mesurés dans un navigateur sur les pages réellement servies, ils vont de 2,82:1 à 3,27:1. La couleur de survol des titres d'article et du lien de retour d'un article est ce même vert, à 3,09:1 et 3,41:1 — un état de survol n'est pas dispensé du critère. Le lot suivant a trouvé les mêmes couples sur quatre surfaces de plus, sans en créer de nouveaux : l'étiquette de catégorie d'un document du Centre de ressources, le lien « Voir le reçu » du tableau de l'Espace donateur, le lien de retour d'un reçu introuvable, et le lien de retour « Business » des cinq pages filles du carrefour Business & partenariats — celui-là au survol seulement. C'est le même arbitrage en attente que le rouge des messages d'erreur ci-dessous : ces trois couleurs sont celles de l'emblème national, et décider de les remplacer dans un rôle d'interface n'est pas une décision technique. Le contrôle automatisé mesure ces douze paires à chaque exécution et refuse de les laisser disparaître silencieusement.
- CorrigéWCAG 2.2 · 3.2.5 Changement à la demande
Liens ouvrant un nouvel onglet sans le dire
Le pied de page, la page d'accueil, l'espace membre et le portail d'investissement ouvraient des liens dans un nouvel onglet sans l'annoncer : au total une vingtaine de liens, dont ceux du pied de page présents sur chaque page. La mention est désormais lue par les lecteurs d'écran. Sur le portail d'investissement et la page des dépenses, les libellés répétés à l'identique d'une ligne à l'autre (« Voir l'annonce », « Voir le justificatif ») portent en plus le nom de l'élément concerné, pour rester distinguables hors de leur contexte (critère 2.4.4).
- CorrigéWCAG 2.2 · 2.2.2 Mettre en pause, arrêter, masquer
Carrousel automatique de la page d'accueil
La page d'accueil s'ouvrait sur cinq panneaux qui défilaient seuls toutes les sept secondes, sans commande d'arrêt ; la seule interruption possible était le survol à la souris, inaccessible au clavier comme au tactile. Le carrousel a été remplacé par un bloc unique et statique.
- CorrigéWCAG 2.2 · 2.4.13 Apparence du focus
Anneau de focus clavier neutralisé sur les boutons et l'en-tête
Les boutons et la navigation principale supprimaient l'anneau de focus du navigateur et le remplaçaient par un contour local parfois invisible. Un anneau unique, de largeur et de décalage définis une seule fois, s'applique désormais à tout élément atteignable au clavier.
- CorrigéWCAG 2.2 · 1.4.11 Contraste des éléments non textuels
Anneau de focus illisible sur les surfaces vert profond
Sur les grands aplats vert profond, l'anneau de focus vert par défaut ne se détachait pas du fond. Ces surfaces basculent maintenant l'anneau sur l'or de la marque, nettement plus contrasté.
- CorrigéWCAG 2.2 · 1.4.3 Contraste minimum
Couleurs d'alerte et bordures de champ sous le seuil
La couleur d'alerte en thème sombre et la bordure des champs de saisie dans les deux thèmes passaient sous le seuil requis. Les valeurs ont été corrigées à la source, dans le référentiel de couleurs partagé avec l'espace membre.
- CorrigéWCAG 2.2 · 2.4.1 Contournement de blocs
Absence de lien d'évitement
Aucun moyen ne permettait de sauter le menu principal, répété en tête de chaque page. Un lien d'évitement vers le contenu principal est désormais le premier élément atteignable au clavier.
- CorrigéWCAG 2.2 · 2.4.13 Apparence du focus
Anneau de focus redéfini localement dans les formulaires
Une vingtaine de fichiers, principalement des formulaires en production, neutralisaient l'anneau commun et posaient leur propre contour — parfois aucun. Le formulaire d'adhésion, les deux formulaires de dépôt de projet, le formulaire de partenariat, le module de don, l'espace donateur, la connexion au back-office ainsi que les composants partagés (case à cocher, bouton radio, étiquette, bascule de thème, menu principal) ont été repris. L'anneau commun s'y applique désormais, et son contraste a été mesuré dans les deux thèmes sur chacun de ces écrans.
- CorrigéWCAG 2.2 · 1.4.11 Contraste des éléments non textuels
Anneau de focus trop pâle sur un bouton partagé avec l'espace membre
Un composant de bouton mutualisé avec l'espace membre dessinait son anneau de focus à 50 % d'opacité : mesuré, cet anneau n'atteignait que 2.27:1 en thème clair et 2.29:1 en thème sombre, sous le seuil de 3:1. Il apparaît là où une liste est vide, par exemple sur la page des évènements. L'opacité a été retirée : le même anneau, remesuré au clavier sur les fonds réels de cette page, atteint désormais 6.43:1 en thème clair et 5.62:1 en thème sombre.
- CorrigéWCAG 2.2 · 2.1.1 Clavier
Tableaux des documents juridiques impossibles à faire défiler au clavier
Les tableaux des documents juridiques (liste des cookies, catégories de données, durées de conservation) débordent de l'écran sur un téléphone et défilent alors horizontalement. Leur conteneur n'était pas atteignable au clavier : mesuré à 375 px, les dernières colonnes étaient hors de portée sans souris. Ce conteneur est désormais une zone atteignable au clavier, annoncée par le titre de l'article auquel le tableau appartient.
- OuvertWCAG 2.2 · 1.4.3 Contraste minimum
Messages d'erreur des formulaires trop peu contrastés en thème sombre
Les messages d'erreur des formulaires sont écrits dans le rouge de l'emblème national. Mesuré, ce rouge atteint 5.63:1 sur le fond clair — conforme — mais seulement 3.30:1 sur le fond sombre, sous le seuil de 4.5:1 exigé pour du texte. La correction dépend d'un arbitrage en cours sur le rôle des trois couleurs de l'emblème dans l'interface ; en attendant, les messages d'erreur restent lisibles en thème clair et sont doublés d'un résumé en tête de formulaire.
- OuvertWCAG 2.2 · 1.4.3 Contraste minimum
Texte indicatif des champs de formulaire trop peu contrasté, dans les deux thèmes
Le texte grisé qui s'affiche dans un champ vide pour en indiquer le format attendu est atténué à 60 % de sa couleur. Mesuré, il atteint 2.76:1 sur le fond clair et 3.71:1 sur le fond sombre, sous le seuil de 4.5:1 dans les deux cas. Il concerne les formulaires de contact, d'adhésion et de soumission de projet. Ce texte n'est jamais la seule indication : chaque champ porte une étiquette visible au-dessus de lui, qui, elle, est pleinement contrastée. La correction mécanique donnerait au texte indicatif la couleur exacte du texte saisi, ce qui les rendrait indistinguables : elle demande un arbitrage, et nous préférons publier le défaut plutôt que de le masquer.
- OuvertPérimètre
La majorité des pages publiques n'a pas encore été relue
Les pages non listées dans le périmètre audité bénéficient des correctifs communs (anneau de focus, couleurs, lien d'évitement) mais n'ont pas fait l'objet d'un contrôle page par page. Elles peuvent comporter des défauts que nous n'avons pas encore constatés.
- OuvertPérimètre
Documents téléchargeables non évalués
Les documents de gouvernance et les rapports proposés au téléchargement n'ont pas été évalués. Si l'un d'eux vous est inaccessible, écrivez-nous : nous vous en fournirons le contenu dans un format utilisable.
Calendrier de correction
Les corrections sont traitées par lots, du plus bloquant au moins bloquant. Chaque lot se termine par une vérification réelle, pas par une estimation.
Lot livré
Pages publiques prioritaires : accessibilité, à propos, communautés, contact, foire aux questions, page d'erreur 404.
Lot livré
Reprise des formulaires en production un à un : suppression des anneaux de focus locaux et vérification au clavier, dans les deux thèmes, sur chaque écran repris.
Lot en cours
Correction, dans le référentiel de composants partagé avec l'espace membre, de l'anneau de focus trop pâle du bouton mutualisé.
Ensuite
Relecture des pages restantes par ordre de fréquentation, chaque page relue ajoutant ses propres paires de couleurs au contrôle automatisé.
À planifier
Évaluation des documents téléchargeables, puis audit par un tiers indépendant sur l'ensemble du périmètre public.
Aucune date n'est annoncée ici tant qu'elle n'a pas été arrêtée par le comité de pilotage. Nous préférons ne rien promettre plutôt que d'annoncer une échéance que nous ne tiendrions pas.
Historique des améliorations
Chaque ligne correspond à une modification réellement livrée.
Pages Impact, Espace membre, Portail d'investissement et Transparence des dépenses relues. Taille des cibles corrigée dans le pied de page, sur toutes les pages du site ; liens ouvrant un nouvel onglet désormais annoncés.
Pages Transparence et Sécurité publiées et vérifiées. Documents institutionnels et juridiques relus : leurs tableaux sont désormais atteignables au clavier.
Anneaux de focus locaux supprimés des formulaires en production et des composants partagés ; contraste de l'anneau mesuré dans les deux thèmes sur chaque écran repris.
Publication de cette déclaration. Ajout du lien d'évitement vers le contenu principal.
Remplacement du carrousel automatique de la page d'accueil par un bloc statique.
Anneau de focus clavier unifié sur tout le site et rendu lisible sur les surfaces vert profond.
Correction des contrastes défaillants du socle chromatique et mise en place de la vérification automatisée des contrastes.
Signaler un obstacle
Si une page, une fonctionnalité ou un document vous est inaccessible, dites-le-nous. Décrivez si possible la page concernée, ce que vous cherchiez à faire et le matériel ou l'aide technique que vous utilisez : c'est ce qui nous permet de reproduire le problème.
Nous accusons réception de chaque signalement et vous indiquons la suite donnée. Si notre réponse ne vous satisfait pas, vous pouvez demander que le signalement soit porté devant le secrétariat exécutif de l'association.