Les icônes doivent toujours avoir une représentation visuelle claire et universelle. Aussi, elles doivent être utilisées en parcimonie pour éviter d'alourdir inutilement l'interface.  

Par souci de cohérence, une même icône doit toujours être utilisée pour communiquer la même information.

Types d'icônes

Nous utilisons principalement deux types d'icônes dans le site Web. 

Icônes informatifs

Ils servent à communiquer une information importante et invitent, la plupart du temps, à l'interaction. 

Icônes décoratifs

Ils sont uniquement utilisés d'un point de vue esthétique. Ils renforcent la signification du texte adjacent mais n'ajoutent aucune nouvelle information. 

Librairie d'icônes disponibles

Voici un aperçu de la librairie d'icônes utilisées dans le site Web informationnel de Revenu Québec.

Visualiser la librairie complète

États

Les états des icônes varient en fonction de leur contexte d'utilisation. Par exemple, un icône utilisé avec un hyperlien n'aura pas les mêmes états q'une icône utilisée avec un bouton d'action. 

Pour en savoir plus à ce sujet, consultez la base ou la composante à laquelle l'icône est combiné.

Accessibilité

En tout temps, une icône informative qui est utilisée seule doit être accompagnée d'un attribut ALT (texte hors écran). Cela permet aux personnes qui ne la perçoivent pas de comprendre sa fonction.  

Au contraire, les icônes décoratives doivent être ignorées par les lecteurs d'écran. Pour ce faire, vous devez utiliser un attribut ALT vide.