Images et icônes: Conception de Canada.ca
Les images sont des contenus visuels qui complètent ou améliorent le texte, notamment des photographies, des graphiques, des dessins ou des diagrammes.
Sur cette page
- Quand utiliser
- Quoi éviter
- Contenu et conception
- Licence
- Icônes
- Mises en œuvre
- Dernières modifications
Quand utiliser
Suivez les conseils sur les images dans le Guide de rédaction du contenu du site Canada.ca pour obtenir de l’information sur :
- le but des images sur le Web;
- les images fonctionnelles et les images décoratives;
- le texte alternatif et les descriptions longues.
Quoi éviter
- Ne pas utiliser les images comme des éléments autonomes cliquables qui fournissent une navigation ou une fonctionnalité.
- Faites attention lorsque vous utilisez des images générées par l’IA ou des photos génériques, car elles peuvent donner l’impression d’être moins authentiques et miner la confiance des utilisateurs.
- Ne placez pas les images de manière à perturber le flux de contenu ou les tâches de l’utilisateur :
- éviter de scinder les paragraphes ou de fragmenter le texte;
- positionner les images là où elles facilitent la compréhension du contenu.
- Ne pas utiliser d’images ou de vidéos copiées à partir d’autres sites Web.
- Ne pas insérer de texte directement dans une image :
- le texte des images de présentation peut être difficile à lire sur un petit écran;
- les images doivent porter plutôt sur la photographie et l’illustration;
- les bribes de texte accessoires, comme le texte qui apparaît sur les objets photographiés, les mots-clés dans les logos, les mots-clés diésés, etc. sont acceptables;
- un texte HTML en direct (sélectionnable et accessible) peut être superposé à des parties d’images et de bannières, pourvu que le contraste et la visibilité soient appropriés.
Contenu et conception
- La taille et l’emplacement des images sont adaptés au contexte dans lequel elles se trouvent :
- les images doivent soutenir les tâches ou, si elles sont décoratives, ne pas interférer avec les tâches.
- Les images qui représentent des personnes doivent refléter la diversité de la population canadienne.
- Les images doivent être carrées ou rectangulaires; les images rondes ou ovales ne peuvent pas être utilisées.
- Là où des légendes et des attributions sont nécessaires, elles doivent être placées immédiatement sous l’image à laquelle elles se réfèrent.
- Les images ne doivent être cliquables que si elles sont accompagnées d’un lien textuel vers la même destination.
- En règle générale, les liens, les légendes ou la mention des sources doivent être alignés sur le bord gauche de l’image à laquelle ils se réfèrent.
- Il convient de noter que certains modèles de conception constituent des exceptions à cette règle.
Licence
- C’est aux institutions qu’il incombe d’utiliser correctement des images achetées dans le cadre d’un contrat de licence :
- si l’image est sous licence pour une seule institution, elle ne peut être utilisée que par cette institution sur Canada.ca;
- lisez attentivement le contrat de licence pour connaître les autres restrictions relatives à l’utilisation des images achetées.
- Vérifiez que vous avez les droits appropriés pour publier des images sur Canada.ca. Plus particulièrement :
- obtenir une autorisation signée d’une personne (ou de son tuteur légal) avant de publier une image d’elle;
- disposer de documents qui prouvent que vous avez les droits appropriés pour publier des images visées par une licence (ou protégées par des droits d’auteur).
- Les images dont l’utilisation par une institution n’est plus autorisée doivent être retirées de Canada.ca.
- Acheter la plus haute résolution disponible pour une image, afin de pouvoir l’utiliser dans n’importe quelle taille.
Icônes
Les icônes sont des symboles qui permettent de communiquer des actions ou des états sur Canada.ca.
Comment les utiliser
Vous pouvez utiliser des icônes pour aider les utilisateurs à se servir des fonctionnalités du site, par exemple :
- champs de saisie;
- alertes;
- liens externes ou par courriel;
- liens vers des fichiers autres que HTML, tels que des fichiers PDF ou Excel.
Les icônes permettent également d’attirer l’attention sur les renseignements clés et de faciliter la lecture de la page. Utilisez-les avec parcimonie et choisissez des icônes largement reconnues et faciles à comprendre.
Veillez à ce que les icônes soient toujours accompagnées d’une identification de texte.
Alignez l’icône avec l’identification de texte qui lui est associée.
Quoi éviter
Ne pas utiliser d’icônes :
- pour ajouter des décorations aux rubriques ou aux en-têtes de navigation;
- pour modifier les modèles et les composants obligatoires;
- pour mettre l’accent sur un texte.
Mises en œuvre
Dernières modifications
- Mise à jour du guide des images, soit l'ajout de renseignements sur l'utilisation appropriée des icônes.
Détails de la page
- Date de modification :