{"id":45,"date":"2015-11-27T19:28:21","date_gmt":"2015-11-27T19:28:21","guid":{"rendered":"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/?post_type=chapter&#038;p=45"},"modified":"2015-11-27T19:28:21","modified_gmt":"2015-11-27T19:28:21","slug":"hyperliens","status":"publish","type":"chapter","link":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/chapter\/hyperliens\/","title":{"raw":"Hyperliens","rendered":"Hyperliens"},"content":{"raw":"Dans cette section nous r\u00e9visons comment ajouter des hyperliens accessibles au contenu.\r\n<h2>Que sont les hyperliens?<\/h2>\r\n<strong>Hyperlien<\/strong>: un lien d'un fichier ou document \u00e0 un autre endroit (par exemple un site web) ou fichier, typiquement activ\u00e9 en cliquant sur un mot soulign\u00e9 ou une image sur l'\u00e9cran.\r\n\r\n<strong>Types de fichiers<\/strong>: .html, .pdf, .doc, .xis\r\n<h2>Avant de commencer<\/h2>\r\n<h3>Pourquoi incluez-vous les hyperliens que vous avez choisis?<\/h3>\r\nG\u00e9n\u00e9ralement les hyperliens sont inclus dans un document pour fournir l'utilisateur avec d'information suppl\u00e9mentaire qui est disponible \u00e0 un autre lieu.\r\n<h3>Pour qui faites-vous ceci?<\/h3>\r\nCe travail appuie les \u00e9tudiants qui:\r\n<ul>\r\n\t<li>ont une forme de d\u00e9ficience cognitive, par exemple <a href=\"#_Ann\">Ann<\/a>.<\/li>\r\n\t<li>ont une d\u00e9ficience physique, par exemple <a href=\"#_Trish\">Trish<\/a><\/li>\r\n\t<li>sont sourds ou malentendants<\/li>\r\n\t<li>sont aveugles ou ont une basse vision<\/li>\r\n<\/ul>\r\n<h2>Que devez-vous faire?<\/h2>\r\n<h3>Descriptions<\/h3>\r\nAssurez-vous que les pages web et hyperliens ont des titres d\u00e9crivant un sujet ou un but.\r\n\r\nLe but d'un hyperlien peut \u00eatre d\u00e9termin\u00e9 selon le texte seul. Autrement dit, vous n'avez pas besoin d'ajouter d'information suppl\u00e9mentaire justifiant l'utilisation d'un lien. Vous voulez que le lien soit pertinent dans son contexte. Par exemple, n'utilisez pas le texte g\u00e9n\u00e9rique \"pesez ici\" ou \"lire la suite\", \u00e0 moins que l\u2019intention d'un lien puisse \u00eatre d\u00e9termin\u00e9 par le sens dans le continu environnant. [footnote]https:\/\/www.webaccessibility.com\/best_practices.php?best_practice_id=1301[\/footnote]\r\n\r\nConsid\u00e9rez les exemples suivants.\r\n<h3>Exemple 1: pas claire:<\/h3>\r\n- Pesez<a href=\"http:\/\/open.bccampus.ca\/\"> ici<\/a> pour plus d'information sur le projet BC Open Textbook.\r\n<div>\r\n\r\n[caption id=\"attachment_27\" align=\"alignnone\" width=\"300\"]<a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish.png\"><img src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish-300x225.png\" alt=\"Trish\" class=\"size-medium wp-image-27\" height=\"225\" width=\"300\" \/><\/a> Horton, Sarah; Quesenbery, Whitney. 2014. A Web for Everyone. New York: Rosenfeld Media. rosenfeldmedia.com\/books\/a-web-for-everyone\/[\/caption]\r\n\r\n<div>\r\n<h3>Exemple 2- claire et accessible:<\/h3>\r\n<ul>\r\n\t<li><a href=\"http:\/\/open.bccampus.ca\/\">Information sur le projet BC Open Textbook<\/a> est disponible en anglais en ligne.<\/li>\r\n<\/ul>\r\n<div>\r\n<h4>Nouvelle languette\/fen\u00eatre<\/h4>\r\nEn g\u00e9n\u00e9ral, c\u2019est mieux si les hyperliens n'ouvrent pas des nouvelles fen\u00eatres ou languettes car ceci peut d\u00e9sorienter les personnes, surtout celles qui ont de la difficult\u00e9 \u00e0 percevoir le contenu visuel.[footnote]http:\/\/www.w3.org\/TR\/2014\/NOTE-WCAG20-TECHS-20140916\/G200[\/footnote]\r\n\r\nCependant, si un lien doit \u00eatre ouvert dans une nouvelle fen\u00eatre, il est la pratique exemplaire d\u2019inclure une r\u00e9f\u00e9rence textuelle. Par exemple, Information concernant le projet BC Open Textbook [New Window] est disponible en anglais en ligne.[footnote]http:\/\/accessibility.psu.edu\/linkshtml[\/footnote]\r\n\r\n&nbsp;\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>","rendered":"<p>Dans cette section nous r\u00e9visons comment ajouter des hyperliens accessibles au contenu.<\/p>\n<h2>Que sont les hyperliens?<\/h2>\n<p><strong>Hyperlien<\/strong>: un lien d&#8217;un fichier ou document \u00e0 un autre endroit (par exemple un site web) ou fichier, typiquement activ\u00e9 en cliquant sur un mot soulign\u00e9 ou une image sur l&#8217;\u00e9cran.<\/p>\n<p><strong>Types de fichiers<\/strong>: .html, .pdf, .doc, .xis<\/p>\n<h2>Avant de commencer<\/h2>\n<h3>Pourquoi incluez-vous les hyperliens que vous avez choisis?<\/h3>\n<p>G\u00e9n\u00e9ralement les hyperliens sont inclus dans un document pour fournir l&#8217;utilisateur avec d&#8217;information suppl\u00e9mentaire qui est disponible \u00e0 un autre lieu.<\/p>\n<h3>Pour qui faites-vous ceci?<\/h3>\n<p>Ce travail appuie les \u00e9tudiants qui:<\/p>\n<ul>\n<li>ont une forme de d\u00e9ficience cognitive, par exemple <a href=\"#_Ann\">Ann<\/a>.<\/li>\n<li>ont une d\u00e9ficience physique, par exemple <a href=\"#_Trish\">Trish<\/a><\/li>\n<li>sont sourds ou malentendants<\/li>\n<li>sont aveugles ou ont une basse vision<\/li>\n<\/ul>\n<h2>Que devez-vous faire?<\/h2>\n<h3>Descriptions<\/h3>\n<p>Assurez-vous que les pages web et hyperliens ont des titres d\u00e9crivant un sujet ou un but.<\/p>\n<p>Le but d&#8217;un hyperlien peut \u00eatre d\u00e9termin\u00e9 selon le texte seul. Autrement dit, vous n&#8217;avez pas besoin d&#8217;ajouter d&#8217;information suppl\u00e9mentaire justifiant l&#8217;utilisation d&#8217;un lien. Vous voulez que le lien soit pertinent dans son contexte. Par exemple, n&#8217;utilisez pas le texte g\u00e9n\u00e9rique &#8220;pesez ici&#8221; ou &#8220;lire la suite&#8221;, \u00e0 moins que l\u2019intention d&#8217;un lien puisse \u00eatre d\u00e9termin\u00e9 par le sens dans le continu environnant. <a class=\"footnote\" title=\"https:\/\/www.webaccessibility.com\/best_practices.php?best_practice_id=1301\" id=\"return-footnote-45-1\" href=\"#footnote-45-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a><\/p>\n<p>Consid\u00e9rez les exemples suivants.<\/p>\n<h3>Exemple 1: pas claire:<\/h3>\n<p>&#8211; Pesez<a href=\"http:\/\/open.bccampus.ca\/\"> ici<\/a> pour plus d&#8217;information sur le projet BC Open Textbook.<\/p>\n<div>\n<figure id=\"attachment_27\" aria-describedby=\"caption-attachment-27\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish-300x225.png\" alt=\"Trish\" class=\"size-medium wp-image-27\" height=\"225\" width=\"300\" srcset=\"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish-300x225.png 300w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish-65x49.png 65w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish-225x169.png 225w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish-350x263.png 350w, https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-content\/uploads\/sites\/130\/2015\/11\/trish.png 690w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-27\" class=\"wp-caption-text\">Horton, Sarah; Quesenbery, Whitney. 2014. A Web for Everyone. New York: Rosenfeld Media. rosenfeldmedia.com\/books\/a-web-for-everyone\/<\/figcaption><\/figure>\n<div>\n<h3>Exemple 2- claire et accessible:<\/h3>\n<ul>\n<li><a href=\"http:\/\/open.bccampus.ca\/\">Information sur le projet BC Open Textbook<\/a> est disponible en anglais en ligne.<\/li>\n<\/ul>\n<div>\n<h4>Nouvelle languette\/fen\u00eatre<\/h4>\n<p>En g\u00e9n\u00e9ral, c\u2019est mieux si les hyperliens n&#8217;ouvrent pas des nouvelles fen\u00eatres ou languettes car ceci peut d\u00e9sorienter les personnes, surtout celles qui ont de la difficult\u00e9 \u00e0 percevoir le contenu visuel.<a class=\"footnote\" title=\"http:\/\/www.w3.org\/TR\/2014\/NOTE-WCAG20-TECHS-20140916\/G200\" id=\"return-footnote-45-2\" href=\"#footnote-45-2\" aria-label=\"Footnote 2\"><sup class=\"footnote\">[2]<\/sup><\/a><\/p>\n<p>Cependant, si un lien doit \u00eatre ouvert dans une nouvelle fen\u00eatre, il est la pratique exemplaire d\u2019inclure une r\u00e9f\u00e9rence textuelle. Par exemple, Information concernant le projet BC Open Textbook [New Window] est disponible en anglais en ligne.<a class=\"footnote\" title=\"http:\/\/accessibility.psu.edu\/linkshtml\" id=\"return-footnote-45-3\" href=\"#footnote-45-3\" aria-label=\"Footnote 3\"><sup class=\"footnote\">[3]<\/sup><\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-45-1\">https:\/\/www.webaccessibility.com\/best_practices.php?best_practice_id=1301 <a href=\"#return-footnote-45-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><li id=\"footnote-45-2\">http:\/\/www.w3.org\/TR\/2014\/NOTE-WCAG20-TECHS-20140916\/G200 <a href=\"#return-footnote-45-2\" class=\"return-footnote\" aria-label=\"Return to footnote 2\">&crarr;<\/a><\/li><li id=\"footnote-45-3\">http:\/\/accessibility.psu.edu\/linkshtml <a href=\"#return-footnote-45-3\" class=\"return-footnote\" aria-label=\"Return to footnote 3\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":17,"menu_order":3,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-45","chapter","type-chapter","status-publish","hentry"],"part":31,"_links":{"self":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/users\/17"}],"version-history":[{"count":1,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/45\/revisions"}],"predecessor-version":[{"id":46,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/45\/revisions\/46"}],"part":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/parts\/31"}],"metadata":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapters\/45\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/pressbooks\/v2\/chapter-type?post=45"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/contributor?post=45"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/opentextbc.ca\/troussedoutildaccessibilite\/wp-json\/wp\/v2\/license?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}