Refonte UX/UI du site de la CAI
Mandatés par la CAI, nous avons modernisé leur site : développement complet sous Craft CMS, intégration du design et des contenus, accessibilité, SEO et conformité aux exigences liées aux témoins.
La Commission d’accès à l’information (CAI) nous a confié la modernisation complète de sa plateforme web pour rendre l’information plus claire, la navigation plus intuitive et l’expérience pleinement conforme aux standards d’accessibilité. Nous avons assuré tout le développement du nouveau site, ainsi que l’intégration du design et des contenus, en nous appuyant sur Craft CMS, une solution flexible, évolutive et durable. Résultat : un site inclusif et accessible, optimisé SEO, et conforme aux exigences de la loi encadrant l’utilisation des témoins (cookies).
Mandatés par la CAI, nous avons modernisé leur site : développement complet sous Craft CMS, intégration du design et des contenus, accessibilité, SEO et conformité aux exigences liées aux témoins.
3
Niveaux d'accès
Administrateurs, éditeurs, auteurs
15
Modules
Modules flexibles permettant de construire les pages
1
Moteur de recherche
Intégration API avec l’outil Site Search 360
Développement Craft CMS
Choix technologique
Le site a été entièrement reconstruit sur Craft CMS, un gestionnaire de contenu flexible et moderne.
Pour répondre à la diversité des contenus, nous avons développé des modules réutilisables (bannières, actualités, formulaires, tableaux, appels à l’action, etc.) qui peuvent être combinés librement pour construire de nouvelles pages. L’architecture de Craft permet de gérer plusieurs niveaux d’autorisation (administrateurs, éditeurs, contributeurs) et d’assurer une évolution simple du site. Enfin, l’interface front‑end a été entièrement développée sur mesure : code HTML/CSS respectant les standards W3C, gabarits Twig optimisés et design 100 % responsive pour une navigation fluide sur ordinateur, tablette ou téléphone.
Site web inclusif
Accessibilité
La CAI s’engage à rendre son site « accessible aux personnes ayant des incapacités ou des restrictions techniques », en appliquant le Standard sur l’accessibilité d’un site web du gouvernement du Québec et les recommandations du W3C.
L’équipe a mis en place de nombreuses mesures :
- Navigation structurée et cohérente : titres et descriptions sur chaque page et langue principale déclarée
- Accès permanent au menu, à la recherche, au plan du site et à la politique d’accessibilité
- Parcours 100 % au clavier, possibilité d’ajuster la taille du texte sans briser la mise en page et contraste de couleurs renforcé
- Tous les visuels possèdent un équivalent textuel, les fichiers téléchargeables indiquent type et taille et sont dotés de métadonnées (titre, auteur, date)
- Les liens ouvrant une nouvelle fenêtre sont signalés et la séparation entre contenu et présentation est assurée par des feuilles de style CSS
- etc.
Pour vérifier l’accessibilité, notre équipe a utilisé des outils reconnus dont un widget d’accessibilité intégré. Un suivi avec un expert en assurance‑qualité complètent cette démarche, permettant d’atteindre le niveau WCAG 2.1 AA.
Expérience utilisateur maximisée
Modernité
Le site reflète une approche UX contemporaine. Dès la page d’accueil, trois grands univers distincts (Commission d’accès à l’information, Accès aux documents des organismes publics et Protection des renseignements personnels) sont mis en avant. Le plan du site montre une architecture hiérarchique claire : chaque univers est divisé en sections et sous‑sections (À propos, Formulaires, Communications, Clientèles, Tribunal administratif, Surveillance, Sujets d’intérêt, etc.).
Cette structure en double niveau facilite la navigation : un menu principal présente les grands thèmes et des sous‑menus contextuels apparaissent pour accéder rapidement aux rubriques associées.
Le design privilégie la lisibilité : larges aplats de couleur et typographie contemporaine, pictogrammes pour identifier les publics (citoyens, entreprises, organismes) et animations fluides lors de l’affichage des blocs. Le site propose aussi des fonctionnalités interactives telles que « Trouver le bon formulaire », des filtres de sujets et un bouton « Retour vers le haut ». Ces éléments modernisent l’expérience utilisateur tout en gardant l’information bien organisée
