{"id":106286,"date":"2024-08-05T13:14:58","date_gmt":"2024-08-05T17:14:58","guid":{"rendered":"https:\/\/digital.va.gov\/wpnavigator\/?p=106286"},"modified":"2025-02-12T12:27:58","modified_gmt":"2025-02-12T17:27:58","slug":"follow-the-mice-crafting-links-that-lead-users-to-the-content-they-want","status":"publish","type":"post","link":"https:\/\/digital.va.gov\/wpnavigator\/follow-the-mice-crafting-links-that-lead-users-to-the-content-they-want\/","title":{"rendered":"Follow the MICE: Crafting links that lead users to the content they want"},"content":{"rendered":"\n<p>Recently, we reviewed some content on the web. It was filled with links that read \u201cmore,\u201d \u201cclick here,\u201d or it just had the link. Also, in the documents were links to files and non-VA websites. As part of the review, we always validate the links to make sure they work and to understand what is on the other end. It was not a good experience. As we discussed how to address this, we came up with a mnemonic to help others with this before we receive the content \u2014 MICE. In this instance, the acronym MICE stands for <strong>M<\/strong>eaningful, <strong>I<\/strong>nformative, <strong>C<\/strong>redible, and <strong>E<\/strong>ngaging.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\t\t<div id=\"brxe-3b4bb6\" data-script-id=\"3b4bb6\" class=\"brxe-fr-table-of-contents\">\n\t\t\t\t\t\t\t<nav class=\"fr-toc\" aria-label=\"Table of Contents\"\n\t\t\t\t\tdata-fr-toc-content-selector=.article-body data-fr-toc-scroll-offset=50 data-fr-toc-list-type=none data-fr-toc-sublist-type=none data-fr-toc-accordion=false data-fr-toc-heading=h3\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"fr-toc__header\">\n\t\t\t\t\t\t\t<span class=\"fr-toc__heading\">Table of Contents<\/span>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"fr-toc__body\">\n\t\t\t\t\t\t<div class=\"fr-toc__list-wrapper\">\n\t\t\t\t\t\t\t<ol class=\"fr-toc__list\">\n\t\t\t\t\t\t\t\t<li class=\"fr-toc__item fr-toc__list-item\">\n\t\t\t\t\t\t\t\t\t<a class=\"fr-toc__link fr-toc__list-link\"><\/a>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/nav>\n\t\t\t\t\t<\/div>\n\t\t\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Meaningful<\/h2>\n\n\n\n<p>In the world of accessibility, this is probably the number one error when linking in an electronic document or on the web. Decades of \u201cmore,\u201d \u201chere,\u201d \u201cclick here,\u201d and other meaningless terms forced all users to go somewhere just to see what is intended. Those using assistive technology are even more frustrated because they are told there are a series of links on the page but they all are announced as \u201cclick here.\u201d Why should I? What do I get when I do? These are the questions you should be asking as you are getting ready to add a hyperlink.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">The checklist<\/h3>\n\n\n\n<p>When you are creating hyperlinks, here are some tips to remember<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Don&#8217;t use here, click here, or more.<\/li>\n\n\n\n<li>Keep the text concise.<\/li>\n\n\n\n<li>Make sure it is relevant to the surrounding content.<\/li>\n\n\n\n<li>Make sure it is informative enough to let people know what will happen when it is followed &#8212; what&#8217;s at the other end. &#8220;Download the [name of the document],&#8221; &#8220;visit the [name of organization] website,&#8221; or &#8220;learn more about [the name of the topic]&#8221; are meaningful to all users.<\/li>\n\n\n\n<li>If you use &#8220;learn more,&#8221; &#8220;continue reading,&#8221; or something similar, ensure there is an aria-label that is more informative. If you don&#8217;t know what an aria-label is, or how to set it, use meaningful text.<\/li>\n\n\n\n<li>You should not link to the same location multiple times within a single page; if you do, the meaningful text must be the same.<\/li>\n\n\n\n<li>Do not set links to open in a new window or tab. This must be the user&#8217;s choice.<\/li>\n\n\n\n<li>Do not use the URL as the meaningful text. In other words, don&#8217;t use something like www.va.gov\/maryland-health-care\/work-with-us\/ as the text for a link.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Informative<\/h2>\n\n\n\n<p>Related to meaningful is the idea that the link should be informative. This primarily applies to links to documents for download or to sites outside of your control &#8212; aka external links. For the purposes of our definition, external links are non-government (.gov) or military (.mil).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">External links<\/h3>\n\n\n\n<p>Links to non-government website should be clearly marked with an external link indicator and an appropriate aria label or text on the link text indicating an external site. You must also make sure you include the <a href=\"https:\/\/digital.va.gov\/web-governance\/standard-va-web-disclaimers\/\">external link disclaimer<\/a> at the bottom of the page. Do not open external links in a new window. <\/p>\n\n\n\n<p><strong>Note:<\/strong> In our WordPress environment, if links are opening in a new window, but you didn&#8217;t set them that way, check the RankMath settings and make sure the feature &#8220;Open External Links in a New Window&#8221; is not turned on &#8212; on is the default setting and we try to make sure it is off.<\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ab14863cdca5&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ab14863cdca5\" class=\"wp-block-image size-full wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1247\" height=\"1393\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/image_e47737.png\" alt=\"screenshot of the RankMath setting\" class=\"wp-image-107046\" srcset=\"https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/image_e47737.png 1247w, https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/image_e47737.png?resize=269,300 269w, https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/image_e47737.png?resize=537,600 537w, https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/image_e47737.png?resize=768,858 768w, https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/image_e47737.png?resize=1200,1340 1200w, https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/image_e47737.png?resize=600,670 600w\" sizes=\"auto, (max-width: 1247px) 100vw, 1247px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Linking to files<\/h3>\n\n\n\n<p>If you are working on a website that references official documents, point to the authoritative source of the files or, ideally, to the webpage that hosts them. By linking to the webpage, you ensure that people get the necessary contextual information, and the owning entity will get better analytics. If you link to a downloadable document, whether we own it or not, you should check accessibility and add the proper file information in line with the title &#8211; Title (File Type, Number of Pages, File Size). If the document is not a VA document and is not accessible, do not point to the file, but point to the page where the individual can download it. As the government moves to an HTML-first approach, pointing to the page will become second nature.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Example:<\/h4>\n\n\n\n<p>Preferably link directly to the page:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.whitehouse.gov\/omb\/management\/ofcio\/m-24-08-strengthening-digital-accessibility-and-the-management-of-section-508-of-the-rehabilitation-act\/\" rel=\"noopener\">M-24-08 Strengthening Digital Accessibility and the Management of Section 508 of the Rehabilitation Act <\/a><\/p>\n\n\n\n<p>If you must link to the file:<\/p>\n\n\n\n<p><a href=\"https:\/\/www.whitehouse.gov\/wp-content\/uploads\/2023\/12\/M-24-08-Strengthening-Digital-Accessibility-and-the-Management-of-Section-508-of-the-Rehabilitation-Act.pdf\" rel=\"noopener\">Download M-24-08 Strengthening Digital Accessibility and the Management of Section 508 of the Rehabilitation Act (PDF, 17 pages, 217KB)<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Credible content<\/h2>\n\n\n\n<p>Whenever you link to a page or document, make sure it is credible. You should not use vanity URLs that redirect or shortened URLs, as these are typically used for reading purposes. Other tips for credibility:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Test the link and make sure it works correctly.<\/li>\n\n\n\n<li>If linking to a document, test the download and check accessibility.  <\/li>\n\n\n\n<li>Do not link directly to inaccessible documents.<\/li>\n\n\n\n<li>Convert smart links to the actual link.<\/li>\n\n\n\n<li>Do not use link shortener URLs. You&#8217;re using meaningful text.<\/li>\n\n\n\n<li>Do not link to pages you know redirect to another site.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Engaging<\/h2>\n\n\n\n<p>If you add a link to a page, you hope someone will find it, determine it is useful, and click it. This is why meaningful text and informative links are so important. Are there other ways to make some links more engaging? Yes.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Links that look like links<\/h3>\n\n\n\n<p>Within your content, you need to ensure that all your links are underlined, have a hover and focus state (a different color is typical), and, if they are external links, are marked with an external link indicator. <strong>Do not use underlined text in your webpage if it is not a hyperlink.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Links that look like buttons<\/h3>\n\n\n\n<p>Links that look like buttons can also be very helpful in getting a user to interact, but they should be used purposefully and not in all instances. The primary purpose for using a link that looks like a button is in a call to action. People recognize this element and know to click on it. Like links in general, the link text in the link button must be meaningful and concise. All other best practices for links still apply. As a rule, you should not use a button for links to external websites. There are exceptions for things like linking to an offsite video or other media source, but those are few and far between, and it needs to be clear to the user they are going to another location.<\/p>\n\n\n\n<p>Links are one of the features that make the web so powerful, but with that power comes great responsibility (I couldn&#8217;t resist). As a content manager or website admin, that responsibility is yours and you need to ensure that links meet the needs of all users.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Links are one of the features that make the web so powerful, but with that power comes great responsibility. As a content manager or website admin, that responsibility is yours and you need to ensure that links meet the needs of all users.<\/p>\n","protected":false},"author":1,"featured_media":106297,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15,8],"tags":[45],"class_list":["post-106286","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-basics","tag-hyperlinks"],"acf":[],"parsely":{"version":"1.1.0","canonical_url":"https:\/\/wp-navigator.wp-navigator.digital.va.gov\/wpnavigator\/follow-the-mice-crafting-links-that-lead-users-to-the-content-they-want\/","smart_links":{"inbound":0,"outbound":0},"traffic_boost_suggestions_count":0,"meta":{"@context":"https:\/\/schema.org","@type":"NewsArticle","headline":"Follow the MICE: Crafting links that lead users to the content they want","url":"https:\/\/digital.va.gov\/wpnavigator\/follow-the-mice-crafting-links-that-lead-users-to-the-content-they-want\/","mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/digital.va.gov\/wpnavigator\/follow-the-mice-crafting-links-that-lead-users-to-the-content-they-want\/"},"thumbnailUrl":"https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/linked-documents.jpg?w=300","image":{"@type":"ImageObject","url":"https:\/\/digital.va.gov\/wpnavigator\/wp-content\/uploads\/sites\/21\/2024\/08\/linked-documents.jpg"},"articleSection":"Accessibility","author":[{"@type":"Person","name":"OIT Office of Communication"}],"creator":["OIT Office of Communication"],"publisher":{"@type":"Organization","name":"WP Navigator","logo":"https:\/\/digital.va.gov\/wp-navigator\/wp-content\/uploads\/sites\/21\/2023\/12\/favicon-96x96-1.png"},"keywords":["hyperlinks"],"dateCreated":"2024-08-05T17:14:58Z","datePublished":"2024-08-05T17:14:58Z","dateModified":"2025-02-12T17:27:58Z"},"rendered":"<script type=\"application\/ld+json\" class=\"wp-parsely-metadata\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@type\":\"NewsArticle\",\"headline\":\"Follow the MICE: Crafting links that lead users to the content they want\",\"url\":\"https:\\\/\\\/digital.va.gov\\\/wpnavigator\\\/follow-the-mice-crafting-links-that-lead-users-to-the-content-they-want\\\/\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/digital.va.gov\\\/wpnavigator\\\/follow-the-mice-crafting-links-that-lead-users-to-the-content-they-want\\\/\"},\"thumbnailUrl\":\"https:\\\/\\\/digital.va.gov\\\/wpnavigator\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2024\\\/08\\\/linked-documents.jpg?w=300\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/digital.va.gov\\\/wpnavigator\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2024\\\/08\\\/linked-documents.jpg\"},\"articleSection\":\"Accessibility\",\"author\":[{\"@type\":\"Person\",\"name\":\"OIT Office of Communication\"}],\"creator\":[\"OIT Office of Communication\"],\"publisher\":{\"@type\":\"Organization\",\"name\":\"WP Navigator\",\"logo\":\"https:\\\/\\\/digital.va.gov\\\/wp-navigator\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2023\\\/12\\\/favicon-96x96-1.png\"},\"keywords\":[\"hyperlinks\"],\"dateCreated\":\"2024-08-05T17:14:58Z\",\"datePublished\":\"2024-08-05T17:14:58Z\",\"dateModified\":\"2025-02-12T17:27:58Z\"}<\/script>","tracker_url":"https:\/\/cdn.parsely.com\/keys\/wp-navigator.digital.va.gov\/p.js"},"meta_box":{"guest_author":"","subheading":"","team-to-post_to":["652"]},"_links":{"self":[{"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/posts\/106286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/comments?post=106286"}],"version-history":[{"count":3,"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/posts\/106286\/revisions"}],"predecessor-version":[{"id":107048,"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/posts\/106286\/revisions\/107048"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/media\/106297"}],"wp:attachment":[{"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/media?parent=106286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/categories?post=106286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digital.va.gov\/wpnavigator\/wp-json\/wp\/v2\/tags?post=106286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}