Images

Cette section offre un aperçu des contextes d’utilisation et des contenus. Pour plus d’informations sur la composition, le comportement et les interactions, consulter l’onglet « Spécifications ».

Options disponibles

Il existe trois options d’images :

• Image seule
• Image avec légende et source
• Image avec icône d’agrandissement

Quand l’utiliser

Les images sont de nature informationnelle : elles accompagnent un texte ou un contenu pour en faciliter la compréhension.

Elles sont appropriées :

• pour illustrer un concept difficile à décrire en mots (ex. carte, schéma, photo scientifique) ;
• pour apporter une information visuelle supplémentaire dans un guide ou un contexte explicatif (ex. photo d’une plante à identifier).

Légende et source

Ajouter une légende lorsque l’image présente une donnée précise, un contenu technique ou une source à citer.

Utiliser la légende pour clarifier le sens de l’image ou identifier un élément essentiel qu’un lecteur ne pourrait pas déduire facilement.

Images nécessitant un agrandissement

Cas où un zoom est pertinent :

• Schémas, cartes et infographies avec du texte essentiel difficile à lire en petit format.
• Illustrations ou photos nécessitant une observation détaillée (ex. spécimen scientifique).
• Documents officiels numérisés dont une partie ou un tout doit être lisible (ex. permis de conduire).

Pour connaître les règles relatives aux textes accompagnant les images pour améliorer l’accessibilité, consulter la fiche Texte de remplacement et description longue.

Quand ne pas l’utiliser

Les visuels qui ne servent qu’à embellir ne sont pas justifiés. On n’utilise pas d’images décoratives ou « traitées artistiquement », sauf dans le cas des pages de rappel de campagne.

Les images animées ou clignotantes sont à éviter, car elles peuvent causer des problèmes pour les personnes sensibles, en particulier celles souffrant de troubles visuels, d’épilepsie photosensible ou d’autres conditions médicales. En plus de nuire à l’expérience utilisateur, ces images peuvent également rendre le contenu du site inaccessible à certaines personnes, compliquant la navigation et la lecture.

Légende et source

Une légende n’est pas nécessaire si le texte voisin ou le contenu principal fournit déjà l’information nécessaire.

Éviter les redondances entre la légende et le texte principal.

Images nécessitant un agrandissement

Cas où le zoom n’est pas pertinent :

• Images trop lourdes.
• Images dont l’agrandissement n’apporte pas d’information supplémentaire.

Anatomie

1. Image principale
2. Légende et source
3. Icône d’agrandissement (si applicable)

Cette section définit les règles et contraintes sur les types de contenus (textuels, graphiques, interactifs, etc.) acceptés par chaque élément du composant.

Légende et source

Une légende peut être ajoutée à l’image (se référer aux sections Quand l’utiliser et Quand ne pas l’utiliser).

La légende ne doit pas répéter le texte de remplacement (éviter la redondance).

La source peut aussi y être placée sous la légende, généralement en italique. Le nom de l’auteur d’une image ou du propriétaire des droits de reproduction doit être précédé du symbole « © ».