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.
-
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
É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.
Remarque : L'image contient un lien hypertexte 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.
Le style de couleur standard utilise un texte noir et un drapeau rouge sur fond blanc.
Le style de couleur inversé utilise un texte blanc et un drapeau rouge sur fond noir.
Le style noir et blanc utilise un fond soit entièrement noir, soit entièrement blanc. Le style entièrement noir est le plus fréquemment employé.
Le style couleur unique utilise une couleur autre que le noir ou le blanc si uniquement cette couleur est utilisée pour le produit.
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