Système de design GC
Système de design GC Démarrer Aperçu des modèles de pagePage de base Aperçu des composantsAlerteAvisBarre de navigation latéraleBarre de navigation supérieureBascule de langueBoutonBoutons radioCarteCases à cocherChamp de dateChamp de saisieChemin de navigationConteneurDate de modificationDétailsEn-têteGrilleIcôneIndicateur d'étapeJeu de champsLienMasquage accessibleMenu thématiqueMessage d'erreurPaginationPied de pageRechercheRésumé des erreursSélectionSignatureTableauTéléverseur de fichiersTexteTitreZone de texte Aperçu des raccourcis CSS Réinitialisation des styles Mise en page réactiveÉtat Dimensionnement de la boîteDimensionnement du conteneurAffichageDébordementPositionVisibilité PoliceFamille de policeTaille de policeStyle de policeÉpaisseur de policeHauteur de ligneCouleur de lienTaille de lienDécoration de texte de lienStyle de listeAlignement de texteCouleur de texteDébordement de texteTransformation de texteSaut de mot MargeMarge intérieure Alignement de contenuAlignement des élémentsAlignement individuelÉlément flexibleDirection de l’élément flexibleÉlargissement de l’élément flexibleRétrécissement de l’élément flexibleHabillage de l’élément flexibleDégagementColonnes de grilleLignes de grilleJustification de contenuJustification des élémentsJustification individuelleOrdreAgencement de contenuAgencement des élémentsAgencement individuel Couleur de l'arrière-planCouleur de la bordureRayon de la bordureStyle de la bordureLargeur de la bordure Noms des icônesTaille de l'icôneImage CurseurÉvénements de pointeurTransition Aperçu des stylesUnités de styleCouleurEspacementTypographie Nous contacterS'impliquerTrouvez une démo

Feuille de route

Cette feuille de route montre les travaux prévus pour Système de design GC. Bien que le système soit stable et adapté à la production, nous continuons à l’améliorer. Cette feuille de route peut vous être utile pour décider à quel moment l’adoption de Système de design GC conviendrait à votre service.

Thèmes pour 2026-2027

  1. Renforcer la confiance et la fiabilité des utilisateurs et utilisatrices de Système de design GC
  2. Réduire les coûts requis pour que les équipes puissent adopter Système de design GC
  3. Assurer un soutien continu pour les besoins réels en matière de services à l’échelle du gouvernement
Voici sur quoi nous nous concentrerons chaque trimestre.

1er trimestre : avril 2026 à juin 2026

  1. [ 🟢 Terminé] Recherche, conception et développement d’un composant tableau
  2. [ 🟢 Terminé] Ajout d’exemples codés et de conseils à chaque page de composant
  3. [ 🟢 Terminé] Nouvelles directives détaillées pour l’ajout d’une fonction de validation personnalisée aux composants de formulaire offerts dans Système de design GC
  4. [ 🟡 En cours] Développement d’un plugiciel/d’une extension Système de design GC pour l’affichage du code qui permettra des vérifications d’accessibilité en libre-service sur les composants
  5. [ 🟡 En cours] Ajout d’un bouton d’ouverture de session au composant en-tête

2e trimestre : Juillet à septembre 2026

  1. [ 🟡 En cours] Publication du composant alerte
  2. [ 🟡 En cours] Recherche, conception et développement d’un composant pastille/étiquette
  3. [ 🟢 Terminé] Ajout d’une application de démarrage React
  4. [ 🟡 En cours] Ajout d’une application de démarrage HTML
  5. [ 🟡 En cours] Ajout d’un outil d’interface de ligne de commande (CLI) qui permet de générer rapidement des nouvelles applications à partir des applications de démarrage de Système de design GC
  6. [ 🟢 Terminé] Recherche sur l’accessibilité et l’utilisabilité du composant tableau
  7. [ 🟡 En cours] Priorité aux contributions de la communauté et aux demandes de fonctionnalités

3e trimestre : Octobre à décembre 2026

  1. Recherche, conception et développement d’un composant de fenêtre modale (à partir d’une contribution de la communauté)
  2. Ajout d’un modèle d’application de démarrage HTML
  3. Ajout d’une application de démarrage Angular (à partir des contributions de la communauté)
  4. Recherche et développement d’une meilleure intégration aux outils d’analyse Web
  5. Recherche sur l’accessibilité et l’utilisabilité
  6. Publication d’un espace pour les extensions et les plugiciels pour Système de design GC : composants, modèles et cadriciels de la communauté
  7. Prise en charge du rendu côté serveur

4e trimestre : Janvier à mars 2027

  1. Prise en charge du mode sombre
  2. Recherche sur l’accessibilité et l’utilisabilité

Réalisations en 2025-2026

  • Lancement de la version 1.0 de Système de design GC, officiellement avec un contrôle sémantique des versions
  • Ajout des Raccourcis CSS qui permettent d’appliquer les styles de Système de design au code HTML
  • Harmonisation des propriétés, comportements et noms de composants entre Figma et le code pour assurer la cohérence
  • Flux d’intégration améliorés pour les concepteur·rice·s et les développeur·euse·s avec des conseils personnalisés pour l’installation et l’utilisation de Figma
  • Meilleure prise en charge de la validation pour les composants de saisie de formulaire
  • Analyse comparative de la satisfaction de la clientèle avant le lancement
  • 6 séries de tests d’accessibilité réalisées avec Fable
  • Tests de convivialité réalisés sur les icônes de Système de design GC
  • Analyse continue des billets de soutien
  • Nous avons organisé 4 événements publics « Forum de Système de design GC » avec une participation totale de 978 personnes
  • Nous avons organisé 6 séances de démonstration publiques avec une participation totale de 652 personnes
  • Collaboration avec Ressources naturelles Canada sur le plugiciel MapML
  • Ajout d’une page de témoignages
  • Ajout de 3 composants Système de design GC à Adobe Experience Manager dans le cadre de l’intégration avec Canada.ca

Réalisations en 2024-2025

  • Alignement des éléments obligatoires avec Canada.ca
  • Prise en charge de NextJS
  • Publication d’une bibliothèque de design bilingue
  • Paquet VueJS complet
  • Améliorations au paquet Angular
  • Ajouts et mises à jour des composants: Carte, Jeu de champ, Icônes, Indicateur d’étape, Champ de date et Avis
  • Déploiement du composant Carte sur Adobe Experience Manager pour Canada.ca
  • Lancement du modèle de page de base
  • Ajout d’une introduction et d’un parcours vers le Système de design GC depuis conception.canada.ca
  • Sondage auprès de la communauté de conception du GC
  • Création de nouvelles pages d’information sur l’accessibilité et les tests d’accessibilité visant Système de design GC
  • Tests d’accessibilité réalisés auprès de 30 personnes
  • Réalisation de 5 activités de recherche sur l’utilisabilité
  • Mise en place d’un modèle de contribution
  • Réalisation de sondages post-démo
  • Création d’une liste d’envoi et d’infolettres trimestrielles
  • Mise en place de démos récurrentes avec inscription libre

Communauté et soutien

  • Consultez notre page s’impliquer pour savoir sur quoi nous travaillons et comment vous pouvez y contribuer.
  • Visitez notre référentiel GitHub pour signaler un problème ou faire une suggestion.
  • Découvrez comment certaines équipes utilisent Système de design GC à travers le gouvernement.

Les changements sont à prévoir

La feuille de route du produit est sujette à des modifications causées par des changements de priorités, la disponibilité des ressources et des dépendances non planifiées. Tout élément qui n’a pas été commencé peut être reclassé dans l’ordre des priorités ou remplacé par un autre élément plus important. Les éléments déjà entamés peuvent subir des retards lorsqu’il y a des défis à surmonter ou lorsque nous apprenons de nouvelles choses en cours de route. Nous partageons cette feuille de route afin d’encourager la transparence, la collaboration et l’harmonisation avec nos parties prenantes. Vos commentaires et contributions sont toujours les bienvenus afin d’améliorer notre trajectoire. 2026-09-02