Thème Canada.ca
Les gabarits et les conceptions communes si dessous sont une référence d'implémentation du Système de conception de Canada.ca, incluant les exigences obligatoire de la spécifications du contenu et de l’architecture de l'information (C&AI) pour Canada.ca. Les ministères et organisme du gouvernement du Canada peuvent y contribuer en publiant leur modèle et leur conception commune via le dépôt github de GCWeb.
Cette référence d'implémentaion correspond à la version 2.0 de la spécification du C&IA publié en janvier 2019.
- GCWeb v5 Summary and others technical notes
(En anglais seulement) - GCWeb v5 Technial migration instruction
(En anglais seulement) - Modèles et conception communes
- Plugiciels exclusif à ce thème
- Notes et autres références
- Évaluation et rapport
Vous avez trouvé des problèmes d'implémentation par rapport au C&AI ou vous désirez contribuer au dévelopement, faites nous le savoir en soumettant une requête GCWeb, en envoyant une pull request ou en participant à un de nos code sprint hedbomadaire à chaque mardi.
Définition des états
- Conforme
- Conforme aux exigences définie par la dernière version publié des spécifications du C&AI.
- Stable
- Rencontre les exigences d'une spécification.
- Information
- It's for your information. It's complete and suggestive but not defined by and from a specification yet.
- Revalidation requise
- Précédemment conforme, mais requière une nouvelle validation manuel afin de s'assurer qu'il continue à rencontrer les exigences tel que définie par la dernière version publié de sa spécification.
- Partiel
- Partiellement conforme au C&AI ou partiellement stable car il inclus des modifications nécessaire afin d'obtenir une conformité aux norme web essentiel, tel que le WCAG 2.0 Niveau AA.
- Désuet
- N'est pas conforme à la dernière spécification, mais il l'a précedemment été. Son rétablisement à la conformité nécessite des changements immédiat.
- Arriéré
- Nécessite du dévelopement.
- Incomplet
- Incomplet car il ne se conforme pas complétement à toute les exigences de la spécification. Nécessite encore des travaux de dévelopement.
- Obsolète
- Ne pas utilisé car c'est obsolète, mais disponible pour votre information.
Modèles et conception communes
| Example pratique | Mise à jour | Catégorie | Description | État | Spécification | Version |
|---|---|---|---|---|---|---|
| Page d’entrée | Modèles | La page de renvoi initiale d'un visiteur à Canada.ca, offrant l'option d'entrer dans le site en français ou en anglais. | Revalidation requise | C&AI | v1.4 | |
| Page d’accueil | Modèles/Accueil | Affiche les produits et services du gouvernement du Canada les plus vus et les plus importants. | Conforme | C&AI | v2.0 | |
| Page de thème | Modèles | Organise des sujets qui sont logiques pour les personnes afin qu'ils puissent accéder aux renseignements et services à l'échelle du gouvernement. | Revalidation requise | C&AI | v1.4 | |
| Page de sujet | Modèles | Aident une personne à savoir tout ce que fait le gouvernement du Canada dans un domaine précis lié au sujet | Revalidation requise | C&AI | v1.4 | |
| Page des ministères et organismes | Modèles | Fournit des liens vers toutes les institutions fédérales | Revalidation requise | C&AI | v1.4 | |
| Page de profil institutionnel | Modèles/Profile pages | Page d’accueil unique d’une institution du gouvernement du Canada sur Canada.ca. | Revalidation requise | C&AI | v1.4 | |
| Page de profil institutionnel pour un organisme indépendant | Modèles/Profile pages | Page d’accueil unique d’une institution qui satisfont aux critères d’indépendance du gouvernement du Canada sur Canada.ca. | Revalidation requise | C&AI | v1.4 | |
| Page de profil organisationnel | Modèles/Profile pages | Page d’accueil unique d’une organisation associée à une institution du gouvernement du Canada sur Canada.ca. | Revalidation requise | C&AI | v1.4 | |
| Page de profil organisationnel pour un organisme indépendant | Modèles/Profile pages | Page d’accueil unique d’une organisation qui satisfont aux critères d’indépendance associée à une institution du gouvernement du Canada sur Canada.ca. | Revalidation requise | C&AI | v1.4 | |
| Profil de partenariat ou d’entente de collaboration | Modèles | Une page de profil de partenariat ou d'entente de collaboration représente une page d'accueil unique du site Canada.ca visant une entité associée à une ou plusieurs institutions du gouvernement du Canada. | Arriéré | C&AI | ||
| Page de lancement d'un service: étape unique | Modèles/Lancement d’un service | Aide les visiteurs de Canada.ca à lancer une tâche en une étape unique. | Revalidation requise | C&AI | v1.4 | |
| Page de lancement d'un service | Modèles/Lancement d’un service | Aide les visiteurs de Canada.ca à lancer une tâche. | Revalidation requise | C&AI | v1.4 | |
| Page de compte rendu du rendement des services institutionnels | 2017-09-29 | Modèles | Les pages de compte rendu du rendement des services institutionnels rassemblent toutes les normes de service d'une institution et fournissent des renseignements sur le compte rendu du rendement annuel, conformément aux exigences de la Politique sur les services. | Revalidation requise | C&AI | v1.4 |
| Page de description de programme | Modèles | Une page de description de programme fournit des informations sur une activité administrative interne qui offre un service. | Arriéré | C&AI | ||
| Page de profil des ministres | Modèles | Une page de profil de ministre représente la page d'accueil unique pour un ou une ministre du gouvernement du Canada et comprend des renseignements biographiques ainsi que des liens renvoyant aux initiatives et activités récentes du ou de la ministre. | Revalidation requise | C&AI | v1.4 | |
| Page de profil de consultation | Modèles | Les pages de profil de consultation offrent un accès aux consultations et aux activités de mobilisation du gouvernement du Canada. | Arriéré | C&AI | ||
| Page de profil d’une loi | Modèles/Lois et des règlements | Accès aux lois du gouvernement du Canada par l’intermédiaire de leur profil respectif. | Revalidation requise | C&AI | v1.4 | |
| Page de profil d’un règlement | 2014-10-23 | Modèles/Lois et des règlements | Accès aux règlements du gouvernement du Canada par l’intermédiaire de leur profil respectif. | Revalidation requise | C&AI | v1.4 |
| Page de profil de directive relative à la législation | Modèles | Les directives sur les lois fournissent des renseignements afin de faciliter la sensibilisation, la compréhension et la conformité en ce qui a trait aux exigences légales et réglementaire. Elles peuvent aussi décrire leur administration. Elles n'établissent pas de nouvelles exigences et elles ne sont pas exécutoires. | Arriéré | C&AI | ||
| Page des publics cibles du gouvernement | Modèles | Donne accès aux renseignements et aux services pertinents pour le public cible de l'ensemble du gouvernement. | Revalidation requise | C&AI | v1.4 | |
| Page d’accueil des nouvelles | Modèles/Nouvelles | Agrégation de produits de nouvelles promus par l’ensemble ou la plupart des institutions du gouvernement du Canada. | Revalidation requise | C&AI | v1.4 | |
| Page de résultats des nouvelles | Modèles/Pages de nouvelles | Résultats de recherches parmis l'agrégation de produits de nouvelles promus par l’ensemble ou la plupart des institutions du gouvernement du Canada. | Arriéré | C&AI | ||
| Page de nouvelles | Modèles/Pages de nouvelles | Présentation d'une nouvelles promus par une institutions du gouvernement du Canada. | Arriéré | C&AI | ||
| Page d'une campagne - Exemple 1 | Templates/Page d'une campagne | Les pages de campagne sont des pages promotionnelles à durée limitée qui répondent à la volonté de communication, de formation, de commercialisation, de sensibilisation et d'appel à l'action du gouvernement du Canada. | Revalidation requise | C&AI | v1.4 | |
| Page d'une campagne - Exemple 2 | Templates/Page d'une campagne | Information | ESDC | v1.1 | ||
| Page d’événements promotionnels | Modèles | Une page d'événement promotionnel est une page de destination qui décrit et explique un événement officiel organisé par le gouvernement et qui se déroule dans un contexte promotionnel comme un festival, une célébration ou une remise de prix. | Revalidation requise | C&AI | v1.4 | |
| Page de coordonnées | 2017-12-05 | Modèles | Page de coordonnées d'une institution | Revalidation requise | C&AI | v1.4 |
| Page de recherche | Modèles | Fournit le modèle du moteur de recherche dans Canada.ca. | Arriéré | C&AI | ||
| Page d’index court | Modèles/Index pages | Les pages d'index sont des pages de navigation présentant une liste globale de titres assortis d'hyperliens menant à d'autres pages ou documents. | Arriéré | C&AI | ||
| Page d’index long | Modèles/Index pages | Contient une liste ayant plus de 50 éléments et nécessitant de faire défiler trois longueurs d’écran ou plus pour voir tout le contenu. | Incomplet | C&AI | v1.5 | |
| Page d’index avec filtres | Modèles/Index pages | Filtrer un volumineux ensemble de pages, de documents ou de données ayant des caractéristiques communes. | Arriéré | C&AI | ||
| Page d’index à facettes | Modèles/Index pages | Listes comptant plus de 100 éléments et pour les collections de Canada.ca | Arriéré | C&AI | ||
| Page de contenu | Modèles | Page de destination générique | Conforme | C&AI | v2.0 | |
| Page de contenu - Largeur de contenu limitée | Modèles | Page de destination générique | Conforme | C&AI | v2.0 | |
| Page de contenu - Police de caractère de GCWeb 4.0.29 | Transitoire vers C&IA v1.5+ | Force la page ou une section de la page à utiliser la police de caractère tel qu'il était dans GCWeb 4.0.29. | Informational | |||
| Page archivée | Modèles | Page archivée | Information | |||
| Page de contenu - Session Fermée | Modèles | Session Fermée/Session Ouverte | Information | |||
| Page de contenu - Session Ouverte | Modèles | Session Fermée/Session Ouverte | Information | |||
| Formulaire de rétroaction | Modèles | Formulaire de rétroaction | Information | |||
| Page de message du serveur | Modèles | Page de message du serveur | Information | |||
| Page de message du serveur - anglais/français | Modèles | Page de message du serveur | Information | |||
| Page d'erreur 404 | Modèles | Page d'erreur 404 | Information | |||
| Page d'erreur 404 - anglais/français | Modèles | Page d'erreur 404 | Information | |||
| Page des résultats de recherche | Modèles/Recherche | Pour les résultats de recherche au travers du Gouvernement du Canada. | Stable | Search template specification | v2.0 | |
| Page des résultats de recherche contextuelle | Modèles/Recherche | Pour les résultats de recherche filtrés avec un context de recherche. | Stable | Search template specification | v2.0 | |
| Résultats de la recherche avec filtre | Modèles/Recherche | Pour des résultats de recherche duquels des filtres sont aussi disponible. | Partiel | Search template specification | v2.0 | |
| Page de départ pour la recherche | Modèles/Recherche | Page d'acceuil afin d'amorcer une recherche sur le site. | Arriéré | Search template specification | v2.0 | |
| Page de recherche anvancé | Modèles/Recherche | Page pour effectuer des recherches avancé sur le site. | Arriéré | Search template specification | v2.0 | |
| En-tête de la navigation générale | En-têtes, pieds de page et la navigation | Les tâches principales dans tous les sites Web du gouvernement du Canada sont organisées en sujets puis regroupées dans 15 thèmes principaux du site Canada.ca. | Arriéré | C&AI | ||
| Autres éléments de l’en-tête | En-têtes, pieds de page et la navigation | Autres éléments d’image de marque et fonctionnels | Arriéré | C&AI | ||
| Pied de page du contenu principal | En-têtes, pieds de page et la navigation | S’affiche après le contenu principal de la page, et au-dessus du pied de page global du site | Arriéré | C&AI | ||
| Pied de page de la navigation générale | En-têtes, pieds de page et la navigation | Qui se trouve au bas de chaque page Web contient les liens au contenu organisationnel ainsi que les dépôts de contenu du gouvernement du Canada. | Arriéré | C&AI | ||
| En-tête et pied de page simplifié | En-têtes, pieds de page et la navigation | Offre une souplesse pour des situations précises où l’application totale de l’en-tête et du pied de page généraux empêche la réussite de la tâche, tout en conservant l’uniformité globale de l’expérience | Arriéré | C&AI | ||
| Scénarios d’opérations | En-têtes, pieds de page et la navigation | Où les personnes effectuent un processus opérationnel | Arriéré | C&AI | ||
| Table des matières à l’intérieur de la page | En-têtes, pieds de page et la navigation/Intérieur de la page | Liste de liens dirigeant vers des sous-sections de la même page. | Revalidation requise | C&AI | v1.5 | |
| Navigation dans plusieurs pages ordonnées (étape par étape) | En-têtes, pieds de page et la navigation/Intérieur de la page | Configurations de navigation dans plusieurs pages ordonnées à l’intérieur de la page. | Arriéré | C&AI | ||
| Interface à onglets | En-têtes, pieds de page et la navigation/Intérieur de la page | Configurations de navigation qui répartit le contenu entre différentes fenêtres que l’on peut consulter une à la fois à l’intérieur de la page. | Arriéré | C&AI | ||
| Alertes contextuelles (BOEW alternative) | Conception communes | Utiliser pour présenter de nouveaux renseignements importants devant être affichés dans un contexte pré-existant. |
|
C&AI | ||
| Autres renseignements pour les (GCWeb alternative) | Conception communes | Utiliser pour lier à un public cible à l’échelle du gouvernement |
|
C&AI | ||
| Avertissement superposé (BOEW alternative) | Conception communes |
|
C&AI | |||
| Bannière promotionnelle | Conception communes | Utiliser pour promouvoir les activités, initiatives, programmes et services des institutions ou à l’échelle du gouvernement | Arriéré | C&AI | ||
| Bloc des réseaux de médias sociaux (fenêtre « Suivez ») (GCWeb alternative) | Conception communes | Utiliser pour permettre aux gens de suivre les comptes officiels de médias sociaux du gouvernement du Canada sur diverses plateformes de médias sociaux. |
|
C&AI | ||
| Boutons (BOEW alternative) | Conception communes | Utiliser pour inciter une personne à exécuter une action. |
|
C&AI | ||
| Carrousels (BOEW alternative) | Conception communes | Utiliser pour promouvoir de multiples activités, initiatives, programmes et services. |
|
C&AI | ||
| Ce que nous faisons (GCWeb alternative) | Conception communes | Utiliser pour lier à du contenu qui fournit des renseignements généraux ou des explications des activités du GC à l’appui de la création ou de l’amélioration des politiques publiques |
|
C&AI | ||
| Collaborateurs (GCWeb alternative) | Conception communes | Utiliser pour lier aux institutions ou organisations qui soutiennent le contenu sur la page |
|
C&AI | ||
| Collapsible content (BOEW alternative) | Conception communes | Utiliser pour cacher le contenu secondaire jusqu’à sa demande. |
|
C&AI | ||
| Coordonnées (GCWeb alternative) | Conception communes | Utiliser pour présenter les coordonnées dans les pages de Canada.ca |
|
C&AI | ||
| Diagrammes et graphiques (BOEW alternative) | Conception communes | Utiliser comme techniques de visualisation permettant de communiquer des données ou des statistiques. |
|
C&AI | ||
| En demande (GCWeb alternative) | Conception communes | Utiliser pour présenter les tâches principales liées à la page sur laquelle elle se trouve |
|
C&AI | ||
| Icônes (BOEW alternative) | Conception communes | Utiliser comme des symboles pour signifier des actions à prendre ou des états. |
|
C&AI | ||
| Images (BOEW alternative) | Conception communes | Utiliser pour embellir ou rehausser un texte. |
|
C&AI | ||
| Institution responsable (GCWeb alternative) | Conception communes | Utiliser pour fournir un lien vers l’institution responsable du contenu |
|
C&AI | ||
| Liens connexes | Conception communes | Utiliser pour lier à du contenu se rapportant à la page | Arriéré | C&AI | ||
| Liens de téléchargement | Conception communes | Les liens de téléchargement servent à renvoyer ou à lier à des fichiers de format autre que HTML sur les pages Web de Canada.ca. | Revalidation requise | C&AI | v1.4 | |
| Multimédia (vidéo et audio) | Conception communes | Utiliser pour embellir ou rehausser un texte | Revalidation requise | C&AI | v1.4 | |
| Nouveautés (GCWeb alternative) | Conception communes | Utiliser pour présenter les nouvelles les plus récentes |
|
C&AI | ||
| Promotions contextuelles | Conception communes | Utiliser pour promouvoir les activités, initiatives programmes et services | Revalidation requise | C&AI | v1.5 | |
| Questions interactives | Conception communes | Utiliser pour présenter une séquence de questions simples qui mènent à la réponse précise dont elles ont besoin pour poursuivre leur tâche ou l’achever | Arriéré | C&AI | ||
| Services et renseignements (en anglais) | Conception communes | Utiliser pour présenter des ensembles de liens avec des descriptions connexes (Doormat) | Conforme | C&AI | v2.0 | |
| Tableaux de données (BOEW alternative) | Conception communes | Utiliser pour communiquer des données |
|
C&AI | ||
| Widget des réseaux de médias sociaux | Conception communes | Utiliser pour imbriquer les plus récents messages affichés sur les comptes de médias sociaux du gouvernement du Canada | Revalidation requise | C&AI | v1.4 |
Plugiciel du thème
- Data JSON (Documentation)
- Exécuter des actions (Documentation)
- Gabarit HTML5 (Documentation)
- Gestionnaire JSON (Documentation)
- Correspondance d'URL - Filtrage de tableau (Documentation)
- Correspondance d'URL - Ajax (Documentation)
- Correspondance d'URL - Appliquer des correctifs JSON (Documentation)
- Correspondance d'URL - Filtrage d'une géomap (Documentation)
- Déroulement de champs (Documentation)
- Déroulement de champs avec des configurations de base (Documentation)
- Déroulement de champs avancé (Documentation)
Notes et autres références
- Balisage déconseillé
- Thème FEGC - Français - Gabarit de profil institutionnel
- Thème FEGC - Anglais - Gabarit de profil institutionnel
- Float column in a data table
- Ligne directrice sur: Texte caviardé
- Méta information à propos du thème GCWeb (les notes de migration vers le nouveau look V5 sont incluses) (disponible en anglais seulement)
- Couleur
- Entête well responsive
- Fonctionalité experimental
Évaluation et rapport
- 16 november 2018: 2 - Regression user acceptance testing of WET plugin for GCWeb theme version 2 (disponible en anglais seulement)
- 14 novembre 2018: 1 - Accessibility assesment of GCWeb theme version 2 (disponible en anglais seulement)
Signaler un problème sur cette page
- Date de modification :