Web pages use links to send visitors to new or additional content. Links can be text and images. Links are powerful navigation tools and disrupt the learning experience when broken.
What is a broken link?
Links generally have two pieces of information:
- URL: Web address where the link sends visitors when they select it
- Display text: Visible text that tells visitors what to expect to find if they select the link
For example, in HTML code a link looks like this: <a href="https://help.blackboard.com/Ally">Blackboard Ally</a>.
A link is broken when the page the link goes to can't be found. The page doesn't or no longer exists. Links can be broken when the content linked to is moved or removed.
Ally identifies when a link is broken. Ally checks for 404 page not found errors. Use the Accessibility report to discover broken links.
Use Ally's Accessibility report to discover and fix accessibility issues on your site. Use the link provided for the report and sign in. Open the report and look at the list of issues in the Accessibility Issues table.
The Accessibility Issues table is in both the Overview and Domain tabs. Start in the Domain tab to see issues specific to a domain.
Links that are broken get flagged as a major issue. Use the Major tab in the Accessibility Issues table to view the list of major issues. Select the broken links issues .
If you start in the Overview tab, select the issue and then the domain with the issue.
From the Items with this accessibility issue list, select the webpage name. The webpage opens. Fix the broken links on the page while in edit mode.
- Use Ally to find pages with broken links on your site.
- Select the links on the page to find the links that are broken. Links that are broken will go to a page not found for 404 error.
- Find the correct page the link should go to or look for a new page to use instead.
- In Edit mode on your webpage, go to the broken link.
- Update the link with the new web address.
- HTML: In the HTML or source code, find the link. In the HTML code links start with an <a> tag, include the URL, and have text that tell visitors where the link sends them. For example, <a href="https://help.blackboard.com/Ally">Blackboard Ally</a>. Update the web address in quotes with the new URL.
- RTE: Some CMSs have a Rich Text Editor (RTE) that may provide user-friendly ways for you to fix links. Select the link and use the CMS tools to update the URL.
- Optionally, delete the link if you can't find a new page to link to.
- HTML: In the HTML or source code, find the link. For example, <a href="https://help.blackboard.com/Ally">Blackboard Ally</a>. Delete the everything from <a to /a>.
- RTE: Select the link and use the CMS tools to delete it.
- Repeat these steps for all links on the page with this issue.
- Save the page.
Best practices for links
Links are powerful navigation tools and must be properly structured for the best experience.
The Web Content Accessibility Guidelines (WCAG) are defined specific requirements to make sure content is accessible to everyone. According to the WCAG 2.1 AA guidelines, links must state the purpose of the link so visitors can decide if they want to follow it. Links need discernible text that tells visitors where the link takes them.