Système de design GC
Accueil Démarrer Aperçu des modèles de page Page de base Aperçu des composants Avis Barre de navigation latérale Barre de navigation supérieure Bascule de langue Bouton Boutons radio Carte Cases à cocher Champ de date Champ de saisie Chemin de navigation Conteneur Date de modification Détails En-tête Grille Icône Indicateur d'étape Jeu de champs Lien Masquage accessible Menu thématique Message d'erreur Pagination Pied de page Recherche Résumé des erreurs Signature Sélection Texte Titre Téléverseur de fichiers Zone de texte Aperçu des raccourcis CSS Réinitialisation des styles Mise en page réactive État Affichage Dimensionnement de la boîte Dimensionnement du conteneur Débordement Position Visibilité Alignement de texte Couleur de lien Couleur de texte Débordement de texte Décoration de texte de lien Famille de police Hauteur de ligne Police Saut de mot Style de liste Style de police Taille de lien Taille de police Transformation de texte Épaisseur de police Marge Marge intérieure Agencement de contenu Agencement des éléments Agencement individuel Alignement de contenu Alignement des éléments Alignement individuel Colonnes de grille Direction de l’élément flexible Dégagement Habillage de l’élément flexible Justification de contenu Justification des éléments Justification individuelle Lignes de grille Ordre Rétrécissement de l’élément flexible Élargissement de l’élément flexible Élément flexible Couleur de la bordure Couleur de l’arrière-plan Largeur de la bordure Rayon de la bordure Style de la bordure Image Noms des icônes Taille de l'icône Curseur Transition Événements de pointeur Aperçu des styles Unités de style Unités de style de couleur Unités de style d'espacement Unités de style typographie Contactez-nous Impliquez-vous Trouvez une démo

Feuille de route

Thèmes pour 2025/2026

  1. Accroître la confiance envers Système de design GC pour encourager son adoption
  2. Améliorer la clarté dans la stratégie et la direction de Système de design GC
  3. Accroître la collaboration avec d’autres équipes et ministères

Voici ce sur quoi nous nous concentrerons chaque trimestre.

Produits

Livrable État
Améliorer le processus d’intégration pour les personnes qui font du développement ✅ Terminé
Améliorer le processus d’intégration pour les personnes qui font de la conception ✅ Terminé
Améliorer les composants de saisie de formulaire avec une fonction de validation ✅ Terminé

Recherche

Activité État
Utilisabilité des icônes de Système de design GC ✅ Terminé
Tests d’accessibilité généralisés avec Fable ✅ Terminé
Analyse des tickets de soutien ✅ Terminé

Mobilisation et collaboration

Activité État
Démos en englais et français ✅ Terminé
Forum de Système de design GC ✅ Terminé
Infolettre et articles de blog ✅ Terminé
Ajout du Bureau de la transformation numérique dans les nouveaux liens du pied de page ✅ Terminé
Dialogue avec le Bureau de l’accessibilité des TI pour la prochaine évaluation d’accessibilité ✅ Terminé
Exploration du composant modal de Pêches et Océans Canada ✅ Terminé

Produit

Livrable État
Lancement de la v1 des Raccourcis CSS ✅ Terminé
Améliorations en matière de sécurité 🔄 En cours

Recherche

Activité État
Analyse post-production ✅ Terminé
Recherche sur le composant Tableau de données Dépriorisé
Tests d’accessibilité généralisés avec Fable ✅ Terminé
Analyse des tickets de soutien ✅ Terminé

Mobilisation et collaboration

Activité État
Démos en anglais et français ✅ Terminé
Forum de Système de design GC incluant une présentation de Pêches et Océans Canada ✅ Terminé
Infolettre et articles de blogue ✅ Terminé
Collaboration avec Ressources naturelles Canada sur le plugiciel MapML 🔄 En cours
Collaboration avec Pêches et Océans Canada sur l’application de démarrage Angular 🔄 En cours

Produit

Livrable État
Sortie d’alpha: mise en production 🔄 En cours
Lancement du composant Tableau de données Dépriorisé
Applications de démarrage supplémentaires pour React et Angular 📅 Prévu
Explorer le plugiciel d’accessibilité Sa11y 📅 Prévu

Recherche

Activité État
Besoins en matière de flexibilité et de personnalisation Dépriorisé
Composant Tableau de données : utilisabilité et accessibilité Dépriorisé
Utilisabilité des Raccourcis CSS ✅ Terminé
Analyse des tickets de soutien 📅 Prévu
Tests d’accessibilité généralisés avec Fable 📅 Prévu

Mobilisation et collaboration

Activité État
Démos en anglais et français 📅 Prévu
Forum de Système de design GC 📅 Prévu
Infolettre et articles de blogue 📅 Prévu
Collaboration avec Pêches et Océans Canada et Bibliothèque et Archives Canada sur l’application de démarrage .NET 📅 Prévu

Produit

Livrable État
Publication du composant Tableau de données 📅 Prévu
Composant ou modèle supplémentaire: Saisie semi-automatique ou Modal (contribution de Pêches et Océans Canada) 📅 Prévu
Résoudre les obstacles à l’adoption prioritaires 📅 Prévu

Recherche

Activité État
Présentation du raisonnement design et accessibilité 📅 Prévu
Besoins en matière de flexibilité et de personnalisation 📅 Prévu
Validation du processus d’intégration 📅 Prévu
Composant Tableau de données : utilisabilité et accessibilité 📅 Prévu
Analyse des tickets de soutien 📅 Prévu

Mobilisation et collaboration

Activité État
Démos en anglais et français 📅 Prévu
Forum de Système de design GC 📅 Prévu
Infolettre et articles de blogue 📅 Prévu
Collaboration avec le Bureau de la transformation numérique sur les modèles les plus utilisés de Canada.ca 📅 Prévu

Réalisé 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

Canaux de collaboration et de 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.

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-02-02