{"id":603585,"date":"2024-01-04T16:39:46","date_gmt":"2024-01-04T13:39:46","guid":{"rendered":"https:\/\/en.buradabiliyorum.com\/10-internal-linking-best-practices-for-accessibility\/"},"modified":"2024-01-04T16:39:46","modified_gmt":"2024-01-04T13:39:46","slug":"10-internal-linking-best-practices-for-accessibility","status":"publish","type":"post","link":"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/","title":{"rendered":"#10 internal linking best practices for accessibility"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_84 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a2dcecf1b3b3\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #dd3333;color:#dd3333\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #dd3333;color:#dd3333\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a2dcecf1b3b3\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#Learn_how_Internal_linking_a_powerful_tool_for_SEO_is_pivotal_in_creating_a_navigable_user-friendly_website_for_people_with_disabilities\" >Learn how Internal linking, a powerful tool for SEO, is pivotal in creating a navigable, user-friendly website for people with disabilities.<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#1_Use_clear_and_descriptive_anchor_text\" >1. Use clear and descriptive anchor text<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#2_Match_anchor_text_to_user_intent\" >2. Match anchor text to user intent<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#3_Avoid_overloading_with_links\" >3. Avoid overloading with links<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#4_Indicate_links_that_open_in_a_new_window\" >4. Indicate links that open in a new window<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#5_Use_easily_identifiable_link_styles\" >5. Use easily identifiable link styles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#6_Use_breadcrumb_navigation\" >6. Use breadcrumb navigation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#7_Use_a_global_static_navigation\" >7. Use a global static navigation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#8_Avoid_hyperlinking_headings\" >8. Avoid hyperlinking headings<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#9_Resolve_404_errors\" >9. Resolve 404 errors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#10_Limit_the_use_of_redirects\" >10. Limit the use of redirects<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/buradabiliyorum.com\/en\/10-internal-linking-best-practices-for-accessibility\/#Final_thoughts\" >Final thoughts<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"subhead\" itemprop=\"alternativeHeadline\"><span class=\"ez-toc-section\" id=\"Learn_how_Internal_linking_a_powerful_tool_for_SEO_is_pivotal_in_creating_a_navigable_user-friendly_website_for_people_with_disabilities\"><\/span>Learn how Internal linking, a powerful tool for SEO, is pivotal in creating a navigable, user-friendly website for people with disabilities.<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><\/p>\n<div class=\"bialty-container\">\nInternal linking has often been a powerful tool for SEO, helping serve as a bridge to connect various webpages. One main goal has typically been to boost visibility in search engines.<\/p>\n<p>However, the importance of internal linking extends beyond SEO; it\u2019s pivotal in creating a navigable, user-friendly website, especially for people with disabilities.<\/p>\n<p><!-- \/1038259\/SEL_Post-text --><\/p>\n<div id=\"div-gpt-ad-1693000027709-0\"><\/div>\n<div id=\"post-break\"><\/div>\n<p>Internal linking is one area that SEO has influence in terms of where and how it <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/download-scripts-themes-apps\/\" data-internallinksmanager029f6b8e52c=\"9\" title=\"Download Scripts &amp; Themes &amp; Apps\" target=\"_blank\" rel=\"noopener\">app<\/a>ears on a website. <\/p>\n<p><strong>Unfortunately<\/strong>, many SEO linking recommendations have contributed to the inaccessibility of websites. <\/p>\n<p><strong>Fortunately<\/strong>, SEOs are in a great position to support change and provide better online experiences for site visitors \u2013 and sure, Google.<\/p>\n<p>That being said, SEO support alone is not enough. To truly elevate accessibility, it\u2019s imperative to integrate individuals with disabilities across the entire workforce spectrum, from executive roles to entry-level positions and everything in between. Such inclusivity enriches the workplace environment and significantly enhances overall accessibility standards.\u00a0<\/p>\n<p>If you\u2019re ready to begin the process leading with accessibility regarding internal linking, here are a few recommendations to help get you started.<\/p>\n<p><strong>Table of contents<\/strong>:\u00a0<\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#use-clear-descriptive-anchor-text\">1. Use clear and descriptive anchor text<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#match-anchor-text-to-user-intent\">2. Match anchor text to user intent<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#avoid-overloading-with-links\">3. Avoid overloading with links<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#indicate-links-that-open-in-a-new-window\">4. Indicate links that open in a new window<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#use-easily-identifiable-link-styles\">5. Use easily identifiable link styles<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#use-breadcrumb-navigation\">6. Use breadcrumb navigation<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#use-global-static-navigation\">7. Use a global static navigation<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#avoid-hyperlinking-headings\">8. Avoid hyperlinking headings<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#resolve-404-errors\">9. Resolve 404 errors<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#limit-the-use-of-redirects\">10. Limit the use of redirects<\/a><\/p>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"#final-thoughts\">Final thoughts<\/a><\/p>\n<h2 class=\"wp-block-heading\" id=\"use-clear-descriptive-anchor-text\"><span class=\"ez-toc-section\" id=\"1_Use_clear_and_descriptive_anchor_text\"><\/span>1. Use clear and descriptive anchor text<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Using clear and descriptive anchor text (a.k.a., link text) is fundamental for website accessibility. Anchor text serves as a guide, directing users to what they can expect when they activate a link. Without clear descriptors, users may experience potential navigation errors, especially those relying on screen readers.<\/p>\n<p>\u201cVague anchor text such as \u2018click here\u2019 or \u2018read more\u2019 doesn\u2019t provide any context. This is especially problematic for screen reader users who may not have im<a href=\"https:\/\/buradabiliyorum.com\/en\/category\/social-mediaa\/\" data-internallinksmanager029f6b8e52c=\"1\" title=\"Social Media\" target=\"_blank\" rel=\"noopener\">media<\/a>te access to the surrounding content that might provide additional hints about the link\u2019s destination. Non-descriptive anchor text can turn browsing into a <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/watch-movies-tv-seriess\/\" data-internallinksmanager029f6b8e52c=\"8\" title=\"Watch Movies &amp; TV Series\" target=\"_blank\" rel=\"noopener\">series<\/a> of unexpected outcomes and a poor user experience.\u201d according to Stephanae McCoy, founder of Bold Blind Beauty.<\/p>\n<p>Here is an exercise I like to use to illustrate the importance of clear and descriptive anchor text. You essentially blur all surrounding text so only the anchor text is readable. From here, ask yourself: Does the anchor text make it abundantly obvious as to what the next page is about?<\/p>\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" fetchpriority=\"high\" width=\"1600\" height=\"900\" alt=\"Graphic. Title reads, \u201cUse clear and descriptive anchor text. Can you guess what the next page is about based on the anchor text alone?\u201d Below, three underlined, legible links stand out amid blurred text, numbered one through three. The first link reads \u201cresearch says.\u201d The next reads \u201c93%\u201d and the third, \u201cLearn more here.\u201d\" class=\"wp-image-436210\" srcset=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text.png.webp 1600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-600x338.png.webp 600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-800x450.png.webp 800w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-200x113.png.webp 200w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-768x432.png.webp 768w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-1536x864.png 1536w\" data-lazy-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text.png.webp\"><noscript><img decoding=\"async\" fetchpriority=\"high\" width=\"1600\" height=\"900\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text.png.webp\" alt=\"Graphic. Title reads, \u201cUse clear and descriptive anchor text. Can you guess what the next page is about based on the anchor text alone?\u201d Below, three underlined, legible links stand out amid blurred text, numbered one through three. The first link reads \u201cresearch says.\u201d The next reads \u201c93%\u201d and the third, \u201cLearn more here.\u201d\" class=\"wp-image-436210\" srcset=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text.png.webp 1600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-600x338.png.webp 600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-800x450.png.webp 800w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-200x113.png.webp 200w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-768x432.png.webp 768w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/use-clear-descriptive-anchor-text-1536x864.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\"><\/noscript><figcaption class=\"wp-element-caption\"><em>Graphic. Title reads, \u201cUse clear and descriptive anchor text. Can you guess what the next page is about based on the anchor text alone?\u201d Below, three underlined, legible links stand out amid blurred text, numbered one through three. The first link reads \u201cresearch says.\u201d The next reads \u201c93%\u201d and the third, \u201cLearn more here.\u201d<\/em><\/figcaption><\/figure>\n<p><strong>How to implement<\/strong><\/p>\n<p>Choose descriptive phrases that provide a clear snapshot of the linked content. This enhances usability and boosts user trust, as they know what to expect from each link. <\/p>\n<p>Alternatively, leveraging ARIA-label attributes can also provide more context by replacing the anchor text with a more meaningful value to provide the necessary context for screen reader users. Replacing anchor text with something valuable helps ensure that each occurrence is distinct and meaningful.<\/p>\n<h2 class=\"wp-block-heading\" id=\"match-anchor-text-to-user-intent\"><span class=\"ez-toc-section\" id=\"2_Match_anchor_text_to_user_intent\"><\/span>2. Match anchor text to user intent<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Matching anchor text to user intent is important for a straightforward browsing experience. Users who click on a link have an expectation based on the anchor text\u2019s description. If the resulting content doesn\u2019t align with that expectation, it can lead to a poor user experience. This inconsistency can be jarring for users with learning disabilities, leading to mistrust.<\/p>\n<p>\u201cAnchor text is possibly the most important part of internal linking, so you need to do it properly. What does \u2018click here\u2019 tell the reader? The search engines? People who use screen readers? Nothing. It tells them absolutely nothing. Everyone, and every bot, who is scanning your website needs to understand where they are going,\u201d according to Alice Rowan, website copywriter and SEO consultant, and a community member of Neurodivergents in SEO.<\/p>\n<p>This can also be irritating for screen reader users. Imagine selecting a link labeled \u201cgluten free chocolate cake recipe\u201d and instead being taken to a landing page to purchase chocolate. Your anchor text should serve as a promise and the linked page should deliver on that promise.\u00a0<\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>Regularly audit internal links to make sure they lead to relevant, expected content. Ensure links consistently deliver on their promises, fostering trust and enhancing the overall user experience. I\u2019ve included a template example at the end of this article.\u00a0<\/p>\n<h2 class=\"wp-block-heading\" id=\"avoid-overloading-with-links\"><span class=\"ez-toc-section\" id=\"3_Avoid_overloading_with_links\"><\/span>3. Avoid overloading with links<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We might inadvertently create clutter in our quest to provide as much information as possible. A page saturated with links can be visually chaotic and cognitively overwhelming. For users with attention-related disabilities, distinguishing between a multitude of links can be particularly challenging, leading to fatigue and frustration.<\/p>\n<p>For neurodivergent users and those with cognitive disabilities, a cluttered page with too many links can be disorienting, making it difficult to process information efficiently and leading to a strenuous online experience. Simplifying the layout and reducing the number of links can significantly improve navigability and content absorption, enhancing the overall user experience.\u00a0<\/p>\n<p>For screen reader users, an overload of links can be disruptive as assistive <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/technology\/\" data-internallinksmanager029f6b8e52c=\"4\" title=\"Technology\" target=\"_blank\" rel=\"noopener\">technology<\/a> vocalizes each link. Screen readers use quick navigation keys to efficiently navigate web pages, allowing users to jump to specific elements like headings and links. Navigating through a lengthy list of links can become tedious and overwhelming, making it challenging to retain information or decide which link to select.\u00a0<\/p>\n<p>SEO best practices typically suggest fewer than 100 links per page, but a more user-centric approach would be to aim for approximately 25-30 links or fewer. This helps to enhance page clarity and navigability, including for keyboard-only users. <\/p>\n<p>To further optimize the layout, it\u2019s best to avoid crowding links together. In addition to integrating and spacing them in the body text, also consider using bullet lists or tables to improve layout organization.<\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>Be judicious with linking. Instead of linking every possible keyword, focus on linking relevant, valuable content that enhances the user\u2019s understanding or provides avenues for deeper exploration. <\/p>\n<p>Ask yourself: Am I only adding this link solely for SEO, or am I adding it because it genuinely adds value? Also adopt this mindset if\/when link building.\u00a0<\/p>\n<h2 class=\"wp-block-heading\" id=\"indicate-links-that-open-in-a-new-window\"><span class=\"ez-toc-section\" id=\"4_Indicate_links_that_open_in_a_new_window\"><\/span>4. Indicate links that open in a new window<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Links that open in a new browser window or tab can introduce unexpected behavior, which can be disorienting. This sudden change is almost the equivalent of having a conversation, then being moved to a different room without warning. For users who rely on screen readers or those who are neurodivergent, these surprises can disrupt the entire browsing experience.<\/p>\n<p>\u201cScreen reader users might not immediately realize that a new window or tab has opened. They might continue attempting to navigate as if they were on the original page, leading to confusion,\u201d according to Raghavendra Satish Peri, founder at DigitalA11Y.<\/p>\n<p>Users with motor disabilities might find switching back and forth between windows or tabs challenging, making the experience cumbersome.<\/p>\n<p>In the SEO industry, it has been previously recommended that we open a new window if it directs visitors to a different website, that way we avoid losing them completely. However, it\u2019s better to keep users in the same window unless there\u2019s a compelling reason to do otherwise, such as a calendar-based date picker. Another route is allowing users to open links in the same window or a new one.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" alt=\"Graphic. Title reads, \u201cIndicate which links open in a new window or tab with visual or textual indicators.\u201d Below are two blurred blocks of text, each with a legible, underlined link. One is labeled \u201cOpens in the same window.\u201d The other, labeled \u201cOpens in a different window\u201d, has an icon of a square with an arrow pointing out of the upper right corner at the end of the link.\" class=\"wp-image-436209\" srcset=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window.png.webp 1600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-600x338.png.webp 600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-800x450.png.webp 800w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-200x113.png.webp 200w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-768x432.png.webp 768w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-1536x864.png 1536w\" data-lazy-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window.png.webp\"><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"900\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window.png.webp\" alt=\"Graphic. Title reads, \u201cIndicate which links open in a new window or tab with visual or textual indicators.\u201d Below are two blurred blocks of text, each with a legible, underlined link. One is labeled \u201cOpens in the same window.\u201d The other, labeled \u201cOpens in a different window\u201d, has an icon of a square with an arrow pointing out of the upper right corner at the end of the link.\" class=\"wp-image-436209\" srcset=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window.png.webp 1600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-600x338.png.webp 600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-800x450.png.webp 800w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-200x113.png.webp 200w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-768x432.png.webp 768w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/indicate-link-opens-in-new-window-1536x864.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\"><\/noscript><figcaption class=\"wp-element-caption\"><em>Graphic. Title reads, \u201cIndicate which links open in a new window or tab with visual or textual indicators.\u201d Below are two blurred blocks of text, each with a legible, underlined link. One is labeled \u201cOpens in the same window.\u201d The other, labeled \u201cOpens in a different window\u201d, has an icon of a square with an arrow pointing out of the upper right corner at the end of the link.<\/em><\/figcaption><\/figure>\n<p><strong>How to implement<\/strong><\/p>\n<p>Use visual and\/or textual indicators to inform users that a link will open in a new window or tab. This can be done by appending phrases like \u201c(opens in a new tab)\u201d to the link text or using distinct icons next to the link. By indicating when links open in a new window or tab, you\u2019re promoting transparency and predictability in the user experience.\u00a0<\/p>\n<h2 class=\"wp-block-heading\" id=\"use-easily-identifiable-link-styles\"><span class=\"ez-toc-section\" id=\"5_Use_easily_identifiable_link_styles\"><\/span>5. Use easily identifiable link styles<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The visibility and distinctiveness of links are important in encouraging users to identify and interact with them. If links blend into the regular text and are not easily distinguishable, it can hinder navigation, causing users to overlook important pathways. Plus, how can we help increase page views and decrease the bounce rate if links are hard to find?<\/p>\n<p>\u201cFor low-vision users or those with color vision deficiencies, indistinguishable links become nearly invisible. Links need to have at least a 3:1 color-contrast ratio to make them stand out,\u201d according to Denis Boudreau, the founder of Inklusiv and Director of Instructor Led Training at Deque Systems.<\/p>\n<p>Similarly, individuals with learning disabilities might struggle with non-standard or inconsistent link styling, as it adds an extra layer of complexity to their browsing experience.<\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>Links should have a uniform style throughout the website. The ability to perceive the link will depend on different modalities, such as a specific color, underline or other visual treatment. Maintaining consistency helps users quickly identify links no matter where they are on the site. <\/p>\n<p>Be sure to also utilize a 3:1 color contrast so the chosen color can contrast against the surrounding text, while also meeting a contrast of 4.5:1 against the background. The hyperlinked text should also change in color and\/or style when the focus is set to that link.<\/p>\n<h2 class=\"wp-block-heading\" id=\"use-breadcrumb-navigation\"><span class=\"ez-toc-section\" id=\"6_Use_breadcrumb_navigation\"><\/span>6. Use breadcrumb navigation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Breadcrumb navigation is a secondary navigation system that displays the user\u2019s location on a website and the path taken to reach that location. Visually represented as a trail of links, usually at the top of a page, breadcrumbs offer users a quick way to understand their current position and how it relates to the broader site structure.<\/p>\n<p>For screen reader users, breadcrumbs provide a quick overview of where the current page sits within the site structure. It offers an alternative navigational method, allowing these users to jump to higher-level sections without navigating back through multiple pages.<\/p>\n<p>Breadcrumbs should be static, not dynamic. This is important for neurodivergent individuals due to its consistency and predictability, which helps maintain website orientation. This fixed format reduces cognitive load by providing a clear, unchanging path, allowing for easier information processing.<\/p>\n<p>\u201cStatic breadcrumbs provide a consistent navigation structure, essential for neurodivergent users. This feature reduces cognitive load, allowing users to return to pages higher in the site structure, such as parent categories. This clear, unchanging path helps users dig themselves out of \u2018rabbit holes\u2019 and return to the previous page or category,\u201d according to Jack Chambers-Ward, the co-founder of Neurodivergents in SEO and Marketing &amp; Partnerships Manager at Candour, <\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>Breadcrumbs should be easy to find, typically at the top of a webpage, and should be visually distinct from other content. Ensure each segment of the breadcrumb trail is linked, except for the current page, allowing users to easily return to previous sections or pages. <\/p>\n<p>Make sure the breadcrumb is marked up semantically, using appropriate HTML elements and ARIA roles so screen readers can interpret it correctly.<\/p>\n<h2 class=\"wp-block-heading\" id=\"use-global-static-navigation\"><span class=\"ez-toc-section\" id=\"7_Use_a_global_static_navigation\"><\/span>7. Use a global static navigation<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Global static navigation refers to a consistent set of navigation options that remain unchanged across all pages of a website. Typically found at the top of a website or along the side, this navigation provides a stable and predictable menu, ensuring users always have a familiar set of options to help them move around the site.<\/p>\n<p>Businesses sometimes adjust the top navigation based on user interactions for various reasons. That can include drawing attention to specific products, services or content based on what they believe a user might be interested in. While there can benefits to dynamic navigation, these changes can sometimes complicate the user experience, especially if it disrupts the consistency or predictability of the site.\u00a0<\/p>\n<p>\u201cSome neurodivergent users, such as people with dyslexia and those with memory-affecting disabilities, particularly benefit from static navigation. If a user is having to regularly relearn or re-adjust to new navigation layouts on every page, it can be disorienting.\u201d according to Billie Geena Hyde, founder of Uptake Agency and community member of Neurodivergents in SEO.<\/p>\n<p>The level of effort to understand and navigate a website should be minimal, and if your site is difficult to navigate, users with disabilities would likely look for alternatives. Many users with disabilities are incredibly loyal to brands that prioritize accessibility.<\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>Adopting a consistent global navigation menu across the website provides users with a stable, familiar anchor. This consistency reduces cognitive load and enhances navigational efficiency. <\/p>\n<p>The order of links should be predictable, logical and intuitive. It should include links to the most important or frequently accessed sections of the website, ensuring users can always quickly reach key areas.\u00a0<\/p>\n<h2 class=\"wp-block-heading\" id=\"avoid-hyperlinking-headings\"><span class=\"ez-toc-section\" id=\"8_Avoid_hyperlinking_headings\"><\/span>8. Avoid hyperlinking headings<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Headings play a pivotal role in organizing content and guiding users through a webpage\u2019s structure. They act as signposts or a table of contents that help users understand the hierarchy and flow of information. When headings are hyperlinked, for some users it can disrupt this organizational structure, making the content harder to navigate and understand.<\/p>\n<p>For screen reader users, headings are especially crucial. That\u2019s because users often navigate by jumping from one heading to the next to quickly scan and understand the content\u2019s layout. Hyperlinked headings can throw off this rhythm, as the user might unexpectedly find themselves on a new page or section without intending to navigate away.<\/p>\n<p>It\u2019s important to note, however, that feedback from screen reader users on this issue varies. In conversations with various users while putting this article together, some reported no disruption from hyperlinked headings, while others found them extremely bothersome. This mixed response is the reason for including this point.<\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>As a <a href=\"https:\/\/buradabiliyorum.com\/en\/category\/general\/\" data-internallinksmanager029f6b8e52c=\"3\" title=\"General\" target=\"_blank\" rel=\"noopener\">general<\/a> rule, headings should be free of links. This ensures they serve their primary purpose of structuring content without adding potential perplexity. <\/p>\n<p>If there\u2019s a need to provide a link related to a heading\u2019s topic, it\u2019s better to include that link in the text immediately following the heading. This approach maintains the clarity of the heading while still offering the link.<\/p>\n<h2 class=\"wp-block-heading\" id=\"resolve-404-errors\"><span class=\"ez-toc-section\" id=\"9_Resolve_404_errors\"><\/span>9. Resolve 404 errors<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Broken links are the digital equivalent of dead ends. They disrupt the user journey, leading to frustration. <\/p>\n<p>Commonly known as a \u201cPage Not Found\u201d error, these occur when a user tries to access a webpage that doesn\u2019t exist on the server. These errors can result from a page being deleted, a URL being changed without proper redirection or a mistyped URL.<\/p>\n<p>\u201cFrom an accessibility standpoint, 404 errors can be particularly disruptive as it breaks the rhythm of navigating through the website. In some cases, it can be challenging to navigate back to a familiar point where it can result in abandoning the website altogether. This can negatively impact the brand, trust and credibility of your website,\u201d according to Nasreen Bhutta, the Chief Communications Officer of Bold Blind Beauty.<\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>Use tools and periodic audits to ensure all internal links lead to active, relevant pages. If a user does land on a 404 page, ensure the message is clear and provides guidance on the next steps, including a search bar, link back to the homepage or a list of popular destinations. <\/p>\n<p>Also, provide a way for users to report broken links or issues they encounter. This feedback can help identify and resolve errors sooner rather than later.\u00a0<\/p>\n<h2 class=\"wp-block-heading\" id=\"limit-the-use-of-redirects\"><span class=\"ez-toc-section\" id=\"10_Limit_the_use_of_redirects\"><\/span>10. Limit the use of redirects<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Redirects are tools that automatically take users from one URL to another. While they can be valuable in certain situations, such as guiding users from outdated content to its newer version, excessive or improperly implemented redirects can pose accessibility challenges.\u00a0<\/p>\n<p>When a link unexpectedly takes a user to a different destination, it can cause disorientation. This can be particularly jarring for screen reader users who might find themselves on a page they didn\u2019t anticipate without understanding why. For people with certain cognitive impairments, they might struggle to understand the context shift that occurs with redirects, leading to frustration.<\/p>\n<p><strong>How to implement<\/strong><\/p>\n<p>It is best to avoid redirects altogether as this will help the page to render faster. Only use them when absolutely necessary. If you have changed the URL structure or moved content, update internal links to point directly to the new location rather than relying on redirects. If redirects are unavoidable, ensure they\u2019re quick and don\u2019t chain multiple redirects together.<\/p>\n<h2 class=\"wp-block-heading\" id=\"final-thoughts\"><span class=\"ez-toc-section\" id=\"Final_thoughts\"><\/span>Final thoughts<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>There are other internal linking best practices that could have been included (such as how to approach an HTML sitemap and Table of Contents). Use the instructions above as a starting point if you\u2019re not already employing them. <\/p>\n<p>When we lead with accessibility, SEO usually tends to follow. That is not always the case when in reverse. An example would be adding links for the sake of \u201clink distribution\u201d and other nonsense SEO metrics.\u00a0<\/p>\n<p>If you need a starting point for tackling some of the points made in this article, here is a simple template example to provide anchor text adjustments. The goal is to make it more abundantly obvious as to what the next page is about and improve the user experience, and then, sure, also help SEO efforts.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1668\" height=\"590\" alt=\"Table. Five columns are headed, \u201cStatus,\u201d \u201cPage URL,\u201d \u201cStep 1: In the CMS, look for this H1,\u201d \u201cStep 2: Tweak anchor text from this\u2026\u201d, and \u201cStep 3: To this instead\u2026\u201d In the Status column, the first two are marked \u201cIn Queue\u201d and the final three \u201cComplete.\u201d The second column has web addresses for gluten-free or vegan chocolate cake and cupcake recipes. The first row of entries reads as follows under Steps 1, 2, and 3. The question under Step 1 is \u201cAre Gluten-Free Cakes Healthier than Regular Cakes?\u201d Next entries suggest tweaking anchor text from \u201cchocolate\u201d to \u201cgluten-free chocolate cake recipe.\u201d\" class=\"wp-image-436211\" srcset=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations.png.webp 1668w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-600x212.png.webp 600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-800x283.png.webp 800w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-200x71.png.webp 200w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-768x272.png.webp 768w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-1536x543.png 1536w\" data-lazy-sizes=\"(max-width: 1668px) 100vw, 1668px\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations.png.webp\"><noscript><img loading=\"lazy\" decoding=\"async\" width=\"1668\" height=\"590\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations.png.webp\" alt=\"Table. Five columns are headed, \u201cStatus,\u201d \u201cPage URL,\u201d \u201cStep 1: In the CMS, look for this H1,\u201d \u201cStep 2: Tweak anchor text from this\u2026\u201d, and \u201cStep 3: To this instead\u2026\u201d In the Status column, the first two are marked \u201cIn Queue\u201d and the final three \u201cComplete.\u201d The second column has web addresses for gluten-free or vegan chocolate cake and cupcake recipes. The first row of entries reads as follows under Steps 1, 2, and 3. The question under Step 1 is \u201cAre Gluten-Free Cakes Healthier than Regular Cakes?\u201d Next entries suggest tweaking anchor text from \u201cchocolate\u201d to \u201cgluten-free chocolate cake recipe.\u201d\" class=\"wp-image-436211\" srcset=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations.png.webp 1668w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-600x212.png.webp 600w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-800x283.png.webp 800w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-200x71.png.webp 200w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-768x272.png.webp 768w,https:\/\/searchengineland.com\/wp-content\/seloads\/2024\/01\/anchor-text-recommendations-1536x543.png 1536w\" sizes=\"auto, (max-width: 1668px) 100vw, 1668px\"><\/noscript><figcaption class=\"wp-element-caption\"><em>Table. Five columns are headed, \u201cStatus,\u201d \u201cPage URL,\u201d \u201cStep 1: In the CMS, look for this H1,\u201d \u201cStep 2: Tweak anchor text from this\u2026\u201d, and \u201cStep 3: To this instead\u2026\u201d In the Status column, the first two are marked \u201cIn Queue\u201d and the final three \u201cComplete.\u201d The second column has web addresses for gluten-free or vegan chocolate cake and cupcake recipes. The first row of entries reads as follows under Steps 1, 2, and 3. The question under Step 1 is \u201cAre Gluten-Free Cakes Healthier than Regular Cakes?\u201d Next entries suggest tweaking anchor text from \u201cchocolate\u201d to \u201cgluten-free chocolate cake recipe.\u201d<\/em><\/figcaption><\/figure>\n<p>Be sure to use the most important best practice of them all: <strong>Engage real users with a range of disabilities in testing your links. <\/strong><\/p>\n<p>Individuals with diverse disabilities \u2013 visual, auditory, cognitive and motor \u2013 interact with websites in distinct ways, often revealing issues that may otherwise go unnoticed. By incorporating these diverse perspectives, you ensure a more universally accessible online experience, demonstrating a deep commitment to fostering an equitable digital space for every user.\n<\/p><\/div>\n<p><\/p>\n<div class=\"about-author\">\n    About the author<\/p>\n<div class=\"information\">\n<div class=\"author-module\">\n<div class=\"row\">\n<div class=\"col-12 col-lg-3 text-center\">\n<div class=\"avatar\">\n                        <img loading=\"lazy\" decoding=\"async\" class=\"img-fluid rounded-circle avatar-border\" alt=\"Christina LeVasseur\" width=\"140\" height=\"140\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2022\/07\/christina-levasseur.jpeg.webp\"><noscript><img loading=\"lazy\" decoding=\"async\" class=\"img-fluid rounded-circle avatar-border\" src=\"https:\/\/searchengineland.com\/wp-content\/seloads\/2022\/07\/christina-levasseur.jpeg.webp\" alt=\"Christina LeVasseur\" width=\"140\" height=\"140\"><\/noscript>\n                                            <\/div>\n<\/p><\/div>\n<div class=\"col-12 col-lg-9\">\n<div class=\"about\">\n<div class=\"name\">\n                            <strong>Christina LeVasseur<\/strong>\n                        <\/div>\n<div class=\"row g-2 pt-2\">\n<div class=\"col-auto twitter\">\n                                    <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/follow?original_referer=https%3A%2F%2Fsearchengineland.com%2F&amp;region=follow_link&amp;screen_name=cbrodzky&amp;tw_p=followbutton&amp;variant=2.0\" aria-label=\"opens in a new tab\"><i class=\"fab fa-x-twitter\"><\/i><\/a>\n                            <\/div>\n<div class=\"col-auto\">\n                                    <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/cbrodzky\/\" aria-label=\"opens in a new tab\"><i class=\"fab fa-linkedin\"><\/i><\/a>\n                                <\/div>\n<\/p><\/div>\n<p>                        Christina LeVasseur is an SEO consultant and the founder of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.mediasesh.com\/\">MediaSesh<\/a>. She has been in the SEO industry since 2009, supporting companies of all sizes to improve their online visibility. She also conducts SEO trainings to empower business owners and marketing professionals to make valuable next step business decisions. Her focus areas include SEO strategy, data and accessibility.                  <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<blockquote><p><strong><span style=\"color: #ff6600;\">If you liked the article, do not forget to share it with your friends. Follow us on\u00a0<span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"https:\/\/news.google.com\/publications\/CAAqBwgKMLG0nwswvr63Aw\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google News<\/a><\/span>\u00a0too, click on the star and choose us from your favorites.<\/span><\/strong><\/p><\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\">For forums sites go to <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/forum.buradabiliyorum.com\/\" target=\"_blank\" rel=\"noopener\">Forum.BuradaBiliyorum.Com<\/a><\/span><\/strong><\/p>\n<\/blockquote>\n<blockquote>\n<p style=\"text-align: center;\"><strong>If you want to read more like this article, you can visit our <span style=\"color: #ff9900;\"><a style=\"color: #ff9900;\" href=\"https:\/\/en.buradabiliyorum.com\/technology\/\" target=\"_blank\" rel=\"noopener\">Technology<\/a><\/span> category.<\/strong><\/p>\n<\/blockquote>\n<p><span style=\"color: black;\"><a style=\"color: #ff9900;\" href=\"https:\/\/searchengineland.com\/internal-linking-best-practices-accessibility-436206\" target=\"_blank\" rel=\"noopener\">Source<\/a><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how Internal linking, a powerful tool for SEO, is pivotal in creating a navigable, user-friendly website for people with disabilities. Internal linking has often been a powerful tool for SEO, helping serve as a bridge to connect various webpages. One main goal has typically been to boost visibility in search engines. However, the importance&#8230;<\/p>\n","protected":false},"author":1,"featured_media":603586,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/searchengineland.com\/wp-content\/seloads\/2018\/08\/internal-links-pages-linking-link-building-shutterstock_630855797.jpg","fifu_image_alt":"","footnotes":""},"categories":[18],"tags":[78070,148084],"class_list":["post-603585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-seo","tag-technical-optimization"],"_links":{"self":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/603585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/comments?post=603585"}],"version-history":[{"count":0,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/posts\/603585\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media\/603586"}],"wp:attachment":[{"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/media?parent=603585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/categories?post=603585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buradabiliyorum.com\/en\/wp-json\/wp\/v2\/tags?post=603585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}