{"id":2816,"date":"2024-03-07T10:56:18","date_gmt":"2024-03-07T15:56:18","guid":{"rendered":"https:\/\/accessibility.ecampusontario.ca\/accessibilite\/bonnes-pratiques\/rediger-des-descriptions-pour-les-liens\/"},"modified":"2024-03-19T14:28:07","modified_gmt":"2024-03-19T18:28:07","slug":"descriptions-pour-les-liens","status":"publish","type":"page","link":"https:\/\/accessibility.ecampusontario.ca\/fr\/accessibilite\/bonnes-pratiques\/descriptions-pour-les-liens\/","title":{"rendered":"R\u00e9diger des descriptions pour les liens"},"content":{"rendered":"

[et_pb_section fb_built=\u00a0\u00bb1″ fullwidth=\u00a0\u00bbon\u00a0\u00bb module_class=\u00a0\u00bbec-content\u00a0\u00bb _builder_version=\u00a0\u00bb4.23.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb background_color=\u00a0\u00bbRGBA(255,255,255,0)\u00a0\u00bb global_colors_info=\u00a0\u00bb{}\u00a0\u00bb][et_pb_fullwidth_code _builder_version=\u00a0\u00bb4.23.4″ _module_preset=\u00a0\u00bbdefault\u00a0\u00bb hover_enabled=\u00a0\u00bb0″ global_colors_info=\u00a0\u00bb{}\u00a0\u00bb sticky_enabled=\u00a0\u00bb0″]<\/p>\n

<\/p>\n
<\/p>\n

R\u00e9diger des descriptions pour les liens<\/h1>\n

Utilisez un texte descriptif pour les hyperliens qui communique le but ou la fonction de l\u2019hyperlien dans le cadre du nom du lien.<\/pee> <\/div>\n

<\/p>\n

\"\" <\/div>\n

<\/div>\n

<\/p>\n

<\/div>\n

<\/p>\n

<\/p>\n

Liens descriptifs<\/h2>\n

<\/div>\n

<\/p>\n

<\/p>\n
<\/p>\n
<\/p>\n

R\u00e9f\u00e9rence WCAG associ\u00e9e<\/h3>\n

WCAG 2.1 Crit\u00e8re de r\u00e9ussite 2.4.4 Objectif du lien (en contexte)<\/a><\/pee> WCAG 2.1 Crit\u00e8re de r\u00e9ussite 2.4.9 Objectif du lien (lien uniquement)<\/a><\/pee> <\/div>\n

Un lien descriptif est un hyperlien qui fournit aux utilisateurs un contexte qui leur permet de comprendre o\u00f9 le fait de cliquer sur le lien les m\u00e8nera. De plus, l\u2019utilisation de texte descriptif dans les hyperliens permet aux visiteurs du site Web de parcourir le site \u00e0 la recherche d\u2019informations, de trouver des ressources externes et de s\u00e9lectionner les liens qui r\u00e9pondent le mieux \u00e0 leurs besoins.<\/pee> Les utilisateurs de lecteurs d\u2019\u00e9cran naviguent souvent sur les sites Web en passant d\u2019un lien \u00e0 l\u2019autre \u00e0 l\u2019aide de la touche de tabulation. C\u2019est pourquoi il est particuli\u00e8rement important de fournir des liens qui ont un sens, ind\u00e9pendamment du texte qui les entoure.<\/pee> Par exemple, imaginez comment les liens suivants seraient pr\u00e9sent\u00e9s \u00e0 un utilisateur qui utilise un lecteur d\u2019\u00e9cran et passe d\u2019un lien \u00e0 l\u2019autre (notez que les liens suivants ne sont pas de v\u00e9ritables liens, ils sont simplement stylis\u00e9s comme tels pour cet exemple). Dans le premier exemple, le lecteur d\u2019\u00e9cran n\u2019entendrait que deux fois les mots \u00ab cliquez ici \u00bb sans comprendre pourquoi ils cliqueraient. Dans le deuxi\u00e8me exemple, le lecteur d\u2019\u00e9cran lirait l\u2019URL, ce qui serait fastidieux et peu informatif, surtout s\u2019il s\u2019agissait d\u2019une adresse longue.<\/pee> Ne faites jamais \u00e7eci :<\/strong><\/pee> <\/p>\n

Avant de continuer, cliquez ici<\/a> pour voir un vid\u00e9o d\u2019une girafe \u00e0 l\u2019\u00e9tat sauvage. Lorsque vous \u00eates pr\u00eat, cliquez ici<\/a> pour r\u00e9pondre au quiz.<\/pee> <\/p><\/blockquote>\n

Ne faites jamais \u00e7eci :<\/strong><\/pee> <\/p>\n

Avant de continuer, cliquez sur le lien suivant pour voir un vid\u00e9o d\u2019une girafe \u00e0 l\u2019\u00e9tat sauvage : http:\/\/www.examplegiraffe.org\/?\/post\/2021\/12\/08\/$5982-!<\/a><\/pee> Lorsque vous \u00eates pr\u00eat, cliquez sur le lien suivant pour r\u00e9pondre au quiz : http:\/\/examplegiraffequiz.org\/rkuDAn0Wy3WXomoI8qGAAe3dAng\/tXdLwACFPVp<\/a><\/pee> <\/p><\/blockquote>\n

Faites le suivant :<\/strong><\/pee> <\/p>\n

Avant de continuer, regardez un vid\u00e9o d\u2019une girafe dans la nature<\/a>. Lorsque vous \u00eates pr\u00eat, faites le quiz sur les girafes<\/a>.<\/pee> <\/p><\/blockquote>\n

<\/div>\n

<\/div>\n

<\/p>\n

<\/p>\n

Conseils pour les hyperliens<\/h2>\n

<\/div>\n

<\/p>\n

<\/p>\n
<\/p>\n