Use Pope Tech on your OIT-hosted Drupal website to find links that don't have any text. If a link contains no text, the function or purpose of the link will not be presented to the user. This can introduce confusion for keyboard and screen reader users. For more information on creating accessible links, refer to the guide on the AccessibleU website.
- Display the locations of the accessibility errors on your site.
- In a separate browser tab, log into your website and navigate to the page that has the error you want to correct.
- Depending on the location of the link and how that content was added to the page, you will either need to select Edit or Layout in order to fix the issue.
- Content fields must be edited via the Edit button.
- Custom blocks that were added via Layout Builder must be edited from the Layout tab.
- Mouse over the appropriate block.
- Select the pencil button that appears in the upper-right corner of the block.
- Select Configure to edit the block.
- If you are not sure how this content was added, check Edit first to see if you can find the content there.
- Empty links often take the form of an extra link tag in front of a link. In that case you will need to edit the source code to delete the extra link tag. Select the Source button in the WYSIWYG toolbar to view the source code.
- Locate and remove the extra link tag.
- Before example:
- <p><a href="https://arb.umn.edu" rel="nofollow"> </a><a href="https://arb.umn.edu">UMN Landscape Arboretum</a></p>
- After example:
- <p><a href="https://arb.umn.edu">UMN Landscape Arboretum</a></p>
- Before example:
- Save your changes. The next time your site is crawled and subsequently scanned by Pope Tech, this particular Empty link error will no longer appear in your scan results.