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

2025/2026

Thèmes stratégiques

Accroître:

  1. La confiance envers le Système de design GC pour encourager son adoption
  2. La clarté dans la stratégie et la direction du Système de Design GC
  3. La collaboration avec d’autres équipes et ministères

Livrables

Livrable Statut
Améliorer la prise en main pour les personnes qui font du développement ✅ Terminé
Améliorer la prise en main 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é Statut
Utilisabilité des icônes du 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é Statut
Démos en englais et français ✅ Terminé
Forum du Système de design GC ✅ Terminé
Infolettre et articles de blog ✅ Terminé
Bureau de la transformation numérique sur les nouveaux liens du pied de page ✅ Terminé
Engagement avec le bureau de l'accessibilité TI pour la prochaine évaluation d'accessibilité ✅ Terminé
Exploration du composant modal du ministère Pêches et Océans Canada ✅ Terminé

Livrables

Livrable Statut
Lancement de la v1 du Raccourcis CSS 🔄 En cours
Améliorations en matière de sécurité 🔄 En cours

Recherche

Activité Statut
Analyse post-production 📅 Prévu
Recherche sur le composant tableau de données 🔄 En cours

Mobilisation et collaboration

Activité Statut
Démos en anglais et français 📅 Prévu
Forum du Système de design GC incluant une présentation de Pêches et Océans Canada ✅ Terminé
Infolettre et articles de blog 📅 Prévu
Collaboration avec Resources 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

Livrables

Livrable Statut
Sortie d'alpha: en production 📅 Prévu
Publication du composant tableau de données 📅 Prévu
Applications de démarrage supplémentaires pour React et Angular 📅 Prévu
Explorer le plugiciel d’accessibilité Sa11y 📅 Prévu

Recherche

Activité Statut
Besoins en matière de flexibilité et de personnalisation 📅 Prévu
Composant tableau de données : utilisabilité et accessibilité 📅 Prévu
Utilisabilité du cadre Raccourcis CSS 📅 Prévu

Mobilisation et collaboration

Activité Statut
Démos en anglais et français 📅 Prévu
Forum du Système de design GC 📅 Terminé
Infolettre et articles de blog 📅 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

Livrables

Livrable Statut
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 prioritaires à l’adoption 📅 Prévu

Recherche

Activité Statut
Obstacles à l’adoption 📅 Prévu
Tests d’utilisabilité 📅 Prévu
Tests d’accessibilité 📅 Prévu

Mobilisation et collaboration

Activité Statut
Démos en anglais et français 📅 Prévu
Forum Système de design GC 📅 Terminé
Infolettre et articles de blog 📅 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 Extension Manager pour Canada.ca
  • Publication 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 sur l’information et les tests d’accessibilité dans le Système de design GC
  • Tests d’accessibilité réalisés auprès de 30 personnes au cours de l’année
  • 5 activités de recherche en utilisabilité complétées au cours de l’année
  • Mise en place d’un modèle de contribution
  • 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.

Mise en garde sur la feuille de route du produit: Changements attendus

La feuille de route du produit est un document en constante évolution. Elle est sujet à des modifications causées par des changements de priorités, la disponibilité des ressources et des dépendances non planifiées. Tout item qui n'est pas débuté peut être repriorisé ou remplacé par un autre ayant une valeur plus grande. Les items déjà entamés peuvent subir des délais lorsque nous faisons face à des défis et apprentissages pendant le développement.

Nous partageons cette feuille de route afin d'encourager la transparence et la collaboration ainsi que l'alignement avec nos parties prenantes. Vos rétroactions et contributions sont toujours les bienvenus afin d'améliorer notre trajectoire.

2025-10-02