{"id":135,"date":"2023-09-08T14:52:26","date_gmt":"2023-09-08T14:52:26","guid":{"rendered":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/?post_type=chapter&#038;p=135"},"modified":"2024-01-12T21:48:03","modified_gmt":"2024-01-12T21:48:03","slug":"links-how-to-create-descriptive-links","status":"publish","type":"chapter","link":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/chapter\/links-how-to-create-descriptive-links\/","title":{"rendered":"Links: How to create descriptive links"},"content":{"raw":"<h2>Create descriptive link text<\/h2>\r\n<p class=\"sctxt\">You need to ensure that all links have text that describes the topic or purpose of the link. This is important because people using screen readers might have their screen reader set to read out the text for each link on a page. As such, the link text must describe the content of the link when taken out of context for the surrounding paragraph. While link texts such as \"click here\" or \"read more\" will make sense to sighted users, they mean nothing when read on their own.<\/p>\r\n<strong>Example 1:<\/strong> Click <a href=\"https:\/\/library.csuohio.edu\/affordable-learning\/\">here<\/a> for information on Affordable Learning at Cleveland State University.\r\n\r\n<strong>Example 2:<\/strong> You can find more information on Affordable Learning at Cleveland State University at <a href=\"https:\/\/library.csuohio.edu\/affordable-learning\/\">library.csuohio.edu\/affordable-learning\/<\/a>.\r\n\r\n<strong>Example 3:<\/strong> <a href=\"https:\/\/library.csuohio.edu\/affordable-learning\/\">Affordable Learning at Cleveland State University<\/a>\u00a0is available online.\r\n\r\nWhile the first two examples make sense in the context of the sentence, neither link text describes the purpose of its link. While the second example is better than the first, having the web address as the link text still does not make the purpose of the link clear. The third example is the most accessible.\r\n<h2>Insert Descriptive Hyperlinks<\/h2>\r\nPressbooks allows you to insert descriptive hyperlinks.\r\n<ol>\r\n \t<li>Highlight the text to which you want to add a hyperlink.\u00a0 Click on the \"link\" icon in the tool bar <span>of the Pressbooks editor<\/span>.<\/li>\r\n<\/ol>\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/select-hyperlink-icon.png\" alt=\"\" width=\"757\" height=\"264\" class=\"aligncenter size-full wp-image-142\" \/>\r\n\r\n&nbsp;\r\n\r\n2. Paste the URL into <span>the dialogue box that pops up<\/span>\r\n<h2><img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/paste-URL.png\" alt=\"\" width=\"750\" height=\"194\" class=\"aligncenter size-full wp-image-141\" \/><\/h2>\r\n&nbsp;\r\n\r\n3. Click the blue and white arrow button to apply.\r\n<h2><img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/click-apply.png\" alt=\"\" width=\"754\" height=\"120\" class=\"aligncenter size-full wp-image-140\" \/><\/h2>\r\n<h2><\/h2>","rendered":"<h2>Create descriptive link text<\/h2>\n<p class=\"sctxt\">You need to ensure that all links have text that describes the topic or purpose of the link. This is important because people using screen readers might have their screen reader set to read out the text for each link on a page. As such, the link text must describe the content of the link when taken out of context for the surrounding paragraph. While link texts such as &#8220;click here&#8221; or &#8220;read more&#8221; will make sense to sighted users, they mean nothing when read on their own.<\/p>\n<p><strong>Example 1:<\/strong> Click <a href=\"https:\/\/library.csuohio.edu\/affordable-learning\/\">here<\/a> for information on Affordable Learning at Cleveland State University.<\/p>\n<p><strong>Example 2:<\/strong> You can find more information on Affordable Learning at Cleveland State University at <a href=\"https:\/\/library.csuohio.edu\/affordable-learning\/\">library.csuohio.edu\/affordable-learning\/<\/a>.<\/p>\n<p><strong>Example 3:<\/strong> <a href=\"https:\/\/library.csuohio.edu\/affordable-learning\/\">Affordable Learning at Cleveland State University<\/a>\u00a0is available online.<\/p>\n<p>While the first two examples make sense in the context of the sentence, neither link text describes the purpose of its link. While the second example is better than the first, having the web address as the link text still does not make the purpose of the link clear. The third example is the most accessible.<\/p>\n<h2>Insert Descriptive Hyperlinks<\/h2>\n<p>Pressbooks allows you to insert descriptive hyperlinks.<\/p>\n<ol>\n<li>Highlight the text to which you want to add a hyperlink.\u00a0 Click on the &#8220;link&#8221; icon in the tool bar of the Pressbooks editor.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/select-hyperlink-icon.png\" alt=\"\" width=\"757\" height=\"264\" class=\"aligncenter size-full wp-image-142\" srcset=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/select-hyperlink-icon.png 757w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/select-hyperlink-icon-300x105.png 300w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/select-hyperlink-icon-65x23.png 65w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/select-hyperlink-icon-225x78.png 225w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/select-hyperlink-icon-350x122.png 350w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>2. Paste the URL into the dialogue box that pops up<\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/paste-URL.png\" alt=\"\" width=\"750\" height=\"194\" class=\"aligncenter size-full wp-image-141\" srcset=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/paste-URL.png 750w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/paste-URL-300x78.png 300w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/paste-URL-65x17.png 65w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/paste-URL-225x58.png 225w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/paste-URL-350x91.png 350w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/h2>\n<p>&nbsp;<\/p>\n<p>3. Click the blue and white arrow button to apply.<\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/click-apply.png\" alt=\"\" width=\"754\" height=\"120\" class=\"aligncenter size-full wp-image-140\" srcset=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/click-apply.png 754w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/click-apply-300x48.png 300w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/click-apply-65x10.png 65w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/click-apply-225x36.png 225w, https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-content\/uploads\/sites\/154\/2023\/09\/click-apply-350x56.png 350w\" sizes=\"auto, (max-width: 754px) 100vw, 754px\" \/><\/h2>\n<h2><\/h2>\n","protected":false},"author":3,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-135","chapter","type-chapter","status-publish","hentry"],"part":33,"_links":{"self":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":8,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/135\/revisions"}],"predecessor-version":[{"id":301,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/135\/revisions\/301"}],"part":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/parts\/33"}],"metadata":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapters\/135\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/media?parent=135"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/pressbooks\/v2\/chapter-type?post=135"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/contributor?post=135"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibilitytoolkit\/wp-json\/wp\/v2\/license?post=135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}