{"id":21332,"date":"2026-01-08T16:11:17","date_gmt":"2026-01-08T21:11:17","guid":{"rendered":"https:\/\/carleton.ca\/webservices\/?p=21332"},"modified":"2026-04-08T07:23:54","modified_gmt":"2026-04-08T11:23:54","slug":"dont-be-the-weakest-link","status":"publish","type":"post","link":"https:\/\/carleton.ca\/webservices\/2026\/dont-be-the-weakest-link\/","title":{"rendered":"Don&#8217;t be the weakest link"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        Don&#8217;t be the weakest link\n                    <\/h1>\n                \n                                \n                                    \n\n<p>Creating clear, instructive link language makes websites more usable and accessible for everyone.<\/p>\n\n\n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<h2 id=\"understanding-link-language\" class=\"wp-block-heading\">Understanding link language<\/h2>\n\n\n\n<p>Hyperlinks are the simple but essential snippet of technology that make the internet possible. (If they didn\u2019t exist, imagine typing addresses every time you wanted to go to a new page.)<\/p>\n\n\n\n<p>Hypertext that describes the link properly is critical for all users. Take this example:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You can learn more about this subject. <a href=\"mailto:a.einstein@gmail.com\">Professor A. Einstein<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>What is going to happen if I click the link? Will it take me to a biographical page about Prof Einstein? To their lab website? Open an email to write to them? Then consider these links:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Albert_Einstein\">Read about Professor Einstein\u2019s research<\/a>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"mailto:a.einstein@gmail.com\">Contact Professor Einstein<\/a>.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Princeton_University\">Visit Professor Einstein\u2019s lab site<\/a>.<\/li>\n<\/ul>\n\n\n\n<p>These three are much better links because they describe what will happen if you click the link. Helpful for everyone.<\/p>\n\n\n\n<h2 id=\"links-and-accessibility\" class=\"wp-block-heading\">Links and Accessibility <\/h2>\n\n\n\n<p>But: even more helpful for people who use screen readers to help them browse the web. This is because a major method for browsing with such tools to set the screen reader to hop from link to link on the page. This means when they tab to this section of the site:<br><br><em>You can learn more about this subject. <a href=\"mailto:a.einstein@gmail.com\">Professor A. Einstein<\/a>.<\/em><\/p>\n\n\n\n<p>all they will hear is \u201cLink: Professor A. Einstein.\u201d They are left with even less information than people reading visually (who can at least make a guess based on the words <em>You can learn more about this subject<\/em>).<\/p>\n\n\n\n<p>Again with the examples:<\/p>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Albert_Einstein\">Read about Professor Einstein\u2019s research<\/a>.<\/p>\n\n\n\n<p><a href=\"mailto:a.einstein@gmail.com\">Contact Professor Einstein<\/a>.<\/p>\n\n\n\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Princeton_University\">Visit Professor Einstein\u2019s lab site<\/a>.<\/p>\n\n\n\n<p>The text makes explicit what will happen if the user choses to click that link.<\/p>\n\n\n\n<p>The idea of a call to action in the link is useful, but sometimes link text becomes too long if we try to always include a verb. For example, why use text like:<br><br><a href=\"https:\/\/calendar.carleton.ca\/undergrad\/undergradprograms\/mathematicsandstatistics\/#text\">Consult a list of available programs in the Math Department<\/a>.<\/p>\n\n\n\n<p>While this is more succinct but still signals what the user will encounter:<\/p>\n\n\n\n<p><a href=\"https:\/\/calendar.carleton.ca\/undergrad\/undergradprograms\/mathematicsandstatistics\/#text\">Available programs in the Math Department<\/a>.<\/p>\n\n\n\n<p>The text we use in links is one of the biggest areas of improvement required to optimise accessibility on the web \u2013 at Carleton and everywhere \u2013 and as we have seen, like all improvements which aid accessibility, these features improve the experience for everyone. &nbsp;<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Understanding link language Hyperlinks are the simple but essential snippet of technology that make the internet possible. (If they didn\u2019t exist, imagine typing addresses every time you wanted to go to a new page.) Hypertext that describes the link properly is critical for all users. Take this example: What is going to happen if I [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":21335,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[197,1,392],"tags":[],"class_list":["post-21332","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-general","category-moved"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/21332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/comments?post=21332"}],"version-history":[{"count":3,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/21332\/revisions"}],"predecessor-version":[{"id":21336,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/posts\/21332\/revisions\/21336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media\/21335"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/media?parent=21332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/categories?post=21332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/webservices\/wp-json\/wp\/v2\/tags?post=21332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}