Liens – Système de conception GCWeb

Un lien (ou hyperlien) est un mot, une phrase ou une image sur une page Web sur lesquels les personnes cliquent pour passer à une autre partie du même contenu ou pour accéder à une ressource Web entièrement différente (telle qu'une page Web, une vidéo ou un fichier téléchargeable).

Sur cette page

Utiliser les liens de manière stratégique
S’assurer que le nom du lien représente le contenu de destination
S’assurer que les liens fonctionnent
Utiliser les majuscules correctement dans les liens
Comment créer des liens vers différents types de contenu
Utiliser l’italique dans le texte du lien
URL personnalisées
Répondre aux exigences de la Loi canadienne sur l'accessibilité
Options de conception

Utiliser les liens de manière stratégique

Les liens guident les gens vers l'information qu'ils recherchent. Utilisez les liens pour éviter de répéter des informations déjà clairement indiquées sur une autre page Web ou pour renvoyer à des informations connexes, telles que des définitions, des informations complémentaires ou des informations de contexte.

Choisissez stratégiquement la façon de présenter les liens dans une page Web ainsi que le nombre de liens :

Ajoutez des liens qui appuient directement le sujet ou la tâche de la page en question.
Fournissez des liens menant à l'information d'origine publiée par la source faisant autorité.
N'incluez pas de liens vers des sites intranet sauf si le contenu est destiné à des employés fédéraux.
Ne mettez pas de liens essentiels à la tâche au milieu d'un paragraphe ou au bas d'une page.

S’assurer que le nom du lien représente le contenu de destination

Le texte du lien doit représenter le contenu de destination qu'une personne trouvera lorsqu'elle le sélectionne. Si ce n'est pas le cas, l'utilisateur risque d'être dérouté et frustré. Pour des raisons d'accessibilité, l'objectif de chaque lien doit être déterminé à partir du seul texte du lien ou à partir du texte du lien et de son contexte déterminé par programmation. Consultez Understanding Success Criterion 2.4.4: Link Purpose (In Context) | WAI | W3C (en anglais) au besoin. Indiquez aussi si le lien correspond à du contenu qui doit être téléchargé.

Veillez à ce que le texte du lien :

représente le contenu de la destination
fonctionne dans le contexte de la page dans laquelle le texte du lien apparaît

Utilisez

les premiers mots du titre de la page de destination ou son titre complet s'il est assez descriptif
des mots-clés au début du lien qui décrivent bien la page de destination si le titre de page ne suffit pas
un texte descriptif différent pour chaque lien se trouvant sur une même page
un texte identique lorsque plusieurs liens sur une page Web renvoient à la même page de destination

N’utilisez pas

le même texte pour des liens qui mènent à 2 pages différentes
d'expressions vagues comme « cliquez ici » ou « pour en savoir plus »
de message promotionnel qui risque d'être déroutant pour quelqu'un qui tente de décider s'il naviguera jusqu'à la page de destination
de texte de lien susceptible de renvoyer à une section qui change régulièrement

Exemple : S'assurer que les noms des liens représentent le contenu de destination

Écrivez :

Au Québec, vous êtes le représentant légal si vous êtes inscrit comme liquidateur de la succession et vous pouvez avoir d'autres tâches administratives. Pour en savoir plus, consultez les étapes à suivre après un décès sur le site de Revenu Québec.

N’écrivez pas :

Au Québec, vous êtes le représentant légal si vous êtes inscrit comme liquidateur de la succession et vous pouvez avoir d'autres tâches administratives. Cliquez ici pour plus d'informations.

Écrivez :

Si vous produisez votre déclaration de revenus après la date limite et que vous avez un solde dû, vous devrez payer des pénalités pour production tardive. Produire une déclaration tardive peut également entraîner des retards dans le versement de vos prestations et de vos crédits.

N'écrivez pas :

Si vous produisez votre déclaration de revenus après la date limite de production de la déclaration de revenus pour 2022 et que vous avez un solde à payer, vous devrez payer des pénalités pour production tardive. Produire en retard peut également entraîner des retards dans le versement de vos prestations et crédits.

S’assurer que les liens fonctionnent

Vérifiez vos liens pour vous assurer qu'ils fonctionnent. Assurez-vous aussi qu'ils dirigent les gens vers la bonne page, soit celle qui contient des renseignements à jour, dans la langue officielle voulue. Des liens qui fonctionnent mal exaspèrent les gens et compromettent la crédibilité de votre contenu.

Pour les pages que vous créez, vérifiez régulièrement les liens pour vous assurer qu'ils fonctionnent toujours et mettez à jour les liens brisés.

Utiliser les majuscules correctement dans les liens

Pour un lien autonome, mettez la première lettre du premier mot en majuscule, puis écrivez en minuscules.

Utilisez des minuscules pour un lien dans une phrase, sauf si le lien contient un nom propre.

Lorsque vous créez un lien vers des ouvrages publiés, tels que des livres ou des revues, utilisez les mêmes majuscules que celles de l'ouvrage.

Lorsque vous écrivez des mot-clics pour les médias sociaux, mettez une majuscule à chaque mot du mot-clic.

Comment créer des liens vers différents types de contenu

Lien vers un contenu interne au gouvernement

En général, le contenu destiné au public ne devrait pas contenir de liens renvoyant vers du contenu accessible seulement sur les serveurs internes du gouvernement. Il arrive cependant qu'un contenu accessible au public s'adresse essentiellement aux employés de la fonction publique.

Si vous créez un lien vers du contenu qui est disponible seulement sur les serveurs internes du gouvernement, écrivez « (accessible uniquement sur le réseau du gouvernement du Canada) » après le lien.

Exemple : Lien vers un contenu interne au gouvernement

Les gestionnaires et les professionnels des ressources humaines peuvent trouver des informations, des conseils et des stratégies utiles pour recruter et embaucher des personnes en situation de handicap en utilisant la trousse d’outils « Embauche de personnes en situation de handicap » (accessible uniquement sur le réseau du gouvernement du Canada).

Lien vers un contenu externe non disponible dans les deux langues officielles

Certains contenus pour lesquels le gouvernement ne fait pas autorité ne sont pas disponibles dans les 2 langues officielles. Si vous créez un lien vers du contenu Web externe qui n'est pas disponible dans la langue de la page courante, précisez la ou les langues dans lesquelles le contenu est disponible.

Exemple : Lien vers un contenu externe disponible uniquement en anglais

Informez-vous au sujet des documents requis pour permettre aux citoyens canadiens d'entrer aux États-Unis (en anglais).

Ouverture des liens dans le même onglet ou dans un nouvel onglet

Vos liens devraient s'ouvrir dans le même onglet, sauf si cela risque d'interrompre la tâche que l'utilisateur essaie d'accomplir. L'ouverture dans le même onglet permet aux utilisateurs d'utiliser le bouton de retour pour revenir à la page précédente et aide les personnes souffrant de déficiences visuelles, de limitations cognitives et de déficiences motrices en réduisant le risque qu'un changement de contexte se produise soudainement.

Lien vers un emplacement précis sur une page

Si vous voulez que votre lien mène les gens à un endroit précis sur une page, ajoutez une ancre au titre ou au sous-titre pertinent. Pour créer une ancre, ajoutez d’abord un attribut ID à la balise d’en-tête de la destination du lien, puis inscrivez cet ID dans l’URL du lien.

Évitez d’utiliser d’autres méthodes pour diriger l’utilisateur vers un autre emplacement (comme la fonction de navigation de texte), car elles ne répondent habituellement pas aux exigences en matière accessibilité pour les personnes qui utilisent la technologie d’assistance.

Créer un lien en tant que bouton

Envisagez de transformer un lien en bouton si vous souhaitez que l'utilisateur prenne une mesure. Par exemple, vous avez une page qui présente une nouvelle prestation. Toutefois, utilisez les boutons avec parcimonie et n'en mettez pas plus d'un par page.

Pour en savoir plus, consultez : Boutons

Fournir des liens vers des informations connexes

Si vous devez fournir des liens vers une autre page, un autre formulaire, une autre politique ou un autre guide qui ne fait pas partie de la tâche principale, introduisez le lien par un verbe (un appel à l'action) ou un texte d'accompagnement qui fournit le contexte à l'aide de deux points. En fonction de la raison pour laquelle vous fournissez le lien, vous pouvez avoir besoin d'une phrase d'introduction.

Exemples d'introductions de liens :

Consultez :
Apprenez-en plus :
Pour en savoir plus :

Évitez d'utiliser le mot voir pour renvoyer les utilisateurs vers des liens. Il ne s'agit pas d'un appel à l'action clair qui indique à l'utilisateur ce qu'il doit faire avec les informations qu'il trouve sous ce lien.

S'il y a plusieurs liens, vous pouvez les énumérer à l'aide de puces au moment où l'utilisateur en a besoin. Ne créez pas une page avec une liste de liens sans autre contexte ou avec peu de contexte.

Si vous souhaitez fournir une liste de ressources ou une référence pour une tâche, comme des guides techniques, placez-les sur la page appropriée sous un titre spécifique.

Exemple : Lien vers une source d'informations connexes sans phrase d’introduction

Pour en savoir plus : Déductions et crédits pour les personnes handicapées

Exemple : Lien vers une source d'informations connexes avec une phrase d'introduction

Pour plus d'informations sur le fonctionnement des acomptes provisionnels, consultez : Devoir payer ses impôts par acomptes provisionnels.

Exemple : Liste de plusieurs liens d'informations connexes

Pour en savoir plus sur les autres aides et financements publics, consultez :

Exemple : Liste de ressources à la fin d'une page

Ressource
Circulaire d'information, IC82-6R13 Certificat de décharge

Éviter de placer des liens en milieu de phrase

Les liens en milieu de phrase peuvent déconcentrer le lecteur. Ils peuvent ralentir le balayage parce que les gens doivent s'arrêter pour lire le texte des deux côtés. S’il est nécessaire d’ajouter un lien pour fournir une définition ou des informations sur une autre page, essayez de placer le lien à la fin de la phrase.

Exemple : Lien en fin de phrase

Un projet de RS&DE commence lorsque vous identifiez le besoin de réaliser un avancement scientifique ou technologique qui permet de surmonter une incertitude scientifique ou technologique.

Placer des liens de secours sous les titres de page

Dans certains cas, les utilisateurs arrivent sur une page qui risque de ne pas être la bonne (par exemple, les utilisateurs peuvent confondre « ententes de paiement » et « acomptes provisionnels »).

Placez des liens de secours lorsqu'il y a de fortes chances que l'utilisateur atterrisse sur une page, probablement en raison des résultats de recherche, et que cette page soit en concurrence avec d'autres pages similaires.

Assurez-vous que les liens de secours :

soient toujours en haut de la page, sous le titre
soient précédés du texte d'introduction en gras « Vous cherchez peut-être : »
ne sont utilisés que sur une page qui pourrait être facilement confondue avec d’autres contenus, ou une page qui est bien classée par les moteurs de recherche, mais qui pourrait être la mauvaise page pour d'autres tâches courantes

Exemple : Ajout d'un lien de secours en haut d'une page

Vous cherchez peut-être : Faire un paiement pour les particuliers

Liens sur les adresses de courriel

Écrivez les adresses de courriel intégralement au lieu d’intégrer le lien dans votre texte.

Exemple : Écrire une adresse de courriel intégralement

Écrivez :

Soumettez votre demande par courriel à abcxyz@canada.ca
Soumettez votre demande par courriel : abcxyz@canada.ca.

N’écrivez pas :

Envoyez-nous un courriel pour soumettre une demande.

Utiliser l’italique dans le texte du lien

Si vous ajoutez un lien vers une loi ou le titre d’une publication, suivez les lignes directrices de rédaction de la page Mise en évidence.

URL personnalisées

Les adresses Web courtes et faciles à retenir sont appelées URL personnalisées. Les URL personnalisées sont destinées au matériel promotionnel et doivent être utilisées avec parcimonie. Elles visent à générer du trafic vers un site Web ou une page Web spécifique. Elles sont souvent utilisées dans les publicités télévisées, radiophoniques et imprimées.

Rédiger des URL personnalisées efficaces

Lorsque vous rédigez des URL pour des produits de communication, vous pouvez utiliser soit l'URL principale, soit une URL personnalisée. Les URL personnalisées sont uniques et pertinentes dans le contexte de la page que vous essayez de promouvoir.

Assurez-vous :

de choisir une URL personnalisée facile à mémoriser
de renvoyer vers la page principale d'un formulaire ou d'une publication
d’utiliser des tirets entre les mots
d’utiliser des mots-clés en langage clair et simple
d’éviter d'utiliser des acronymes et des abréviations, sauf s'ils sont mieux compris que la version complète ou s'ils sont plus performants sur les moteurs de recherche
d’éviter d’utiliser des liens vers des parties d'un formulaire ou d'un guide

Comment demander une URL personnalisée de l'ARC

L'équipe des communications numériques de la DGAP est chargée de tenir à jour les URL personnalisées de Canada.ca pour l'ARC, ainsi que de traiter toutes les demandes d'URL personnalisées et les modifications apportées à l’éditeur principal au nom de l'Agence.

Consultez : Demander une adresse URL personnalisée pour le contenu de l'ARC (seulement disponible pour les employés à l’interne)

Répondre aux exigences de la Loi canadienne sur l'accessibilité

La Loi canadienne sur l'accessibilité exige que le contenu créé pour l'Agence du revenu du Canada réponde à l'objectif de rendre le Canada exempt d’obstacles d'ici 2040.

L'ARC suit les Web Content Accessibility Guidelines (WCAG) pour l'aider à respecter la Loi.

En suivant les lignes directrices du GCAU, votre contenu Web devrait répondre aux critères de réussite suivants du WCAG (en anglais) :

Options de conception

Apparence

Votre lien

HTML code

<a href="#" class="btn btn-default">Votre lien</a><a href="#"><img src="votre_image_source" /></a><div class="col-sm-4">
  <a class="gc-dwnld-lnk" href="#">
  <div class="well gc-dwnld">
    <div class="row">
      <div class="col-xs-4">
        <p><img class="img-responsive thumbnail gc-dwnld-img" src="images/download_link.png" alt=""></p>
      </div>
      <div class="col-xs-8">
        <p class="gc-dwnld-txt"><span>Document title</span>
        <span class="gc-dwnld-info">(<abbr title="Portable Document Format">PDF</abbr>, xxx <abbr title="KiloByte">KB</abbr>)</span></p>
      </div>
    </div>
  </div>
  </a>
</div><p class="pull-left small"> <strong>Vous cherchez peut-être :</strong></p>
<ul class="pull-left mrgn-lft-md list-unstyled small mrgn-bttm-lg">
  <li><a href="#">Lien vers la page de destination</a></li>
  <li><a href="#">Lien vers une 2e page de destination (si nécessaire)</a></li>
</ul>

Date de modification :: 2024-05-13