Signature
<gcds-signature>
Autres noms : mot-symbole.
La signature est l’image de marque du gouvernement du Canada placée dans l’en-tête ou le pied de la page.
-
Requis sur Canada.ca -
Requis sur les sites du GC
-
GitHub -
Figma
Aperçu du composant de la signature
Structure de la signature
- La signature du gouvernement du Canada est l'identificateur de l'image de marque placée dans l'
en-tête du site. La signature sert de lien général vers la page d'accueil du site. - Le mot-symbole « Canada » est l'identificateur de l'image de marque placé dans le
pied de page du site. Il renforce l'image de marque en informant les visiteur·rice·s du site que le contenu qui leur est présenté provient du gouvernement du Canada.
Design et accessibilité de la signature
Vérifier les exigences de la signature
La signature est requise dans l’en-tête et le mot-symbole est requis dans le pied de page sur les pages Canada.ca et les sites du GC.
- Utilisez du texte noir, ne sélectionnez pas de texte blanc.
- Gardez la position de la signature dans le coin supérieur gauche de l’en-tête tant pour la version bureau que mobile.
- Lien vers la page d’accueil de Canada.ca.
- Utilisez du texte noir, ne sélectionnez pas de texte blanc.
- Gardez la position dans le coin inférieur droit du pied de page.
Établir l'ordre des langues dans la signature
- Affichez d'abord la signature en français sur les pages en français. De même, insérez d'abord la signature en anglais sur les pages en anglais.
- Conservez « Government of Canada » pour le texte de remplacement (alt-text) en anglais et « Gouvernement du Canada » pour le français.
Remarque : L’image contient un lien qui mène à la page d’accueil Canada.ca dans la même langue officielle que la page actuelle.
Utilisez des couleurs non standard de manière accessible
- Choisissez d'utiliser des couleurs non standard lorsqu'un niveau de contraste plus élevé avec l'arrière-plan est nécessaire, comme pour le mode sombre;
- Optez pour l'utilisation de couleurs non standard lorsqu'un produit affiche une couleur unique, comme le noir et le blanc;
- Lorsque la couleur du drapeau est modifiée, assurez-vous de toujours utiliser cette même couleur pour le symbole du drapeau dans la signature et le mot-symbole;
- Utilisez toujours la même combinaison de couleurs dans la signature et le mot-symbole. Par exemple, si la signature est en noir et blanc, alors le mot-symbole doit également l'être;
- Lorsqu'une seule couleur est utilisée, vérifiez le rapport de contraste entre les éléments de la signature pour vous assurer que le ratio est à tout le moins conforme à la norme WCAG, niveau AA.
Aidez-nous à nous améliorer
Vous avez des questions ou des demandes? Faites-nous part de vos commentaires à l'aide de notre formulaire de contact.
Quelque chose ne va pas? Signalez-le sur GitHub en créant un