How to tag a link in PDF using Adobe Acrobat Pro

This post will go over how to tag a link/hyperlink within a PDF using Adobe Acrobat Pro DC.

Video Overview of How to tag a link in PDF

Lets dive right in!

Link tags need to be structured in a very specific way. Here is that way:

P > Link > Link-OBJR and Link text

Here is an example.

Example of links

Links do not always need to be children tags to P tags, but they can never exist as the parent tag themselves.

Don’t forget the link basics

  • Descriptive URLs: When adding hyperlinks in a PDF, it’s essential to use descriptive URLs that indicate the content or destination of the link. A user should be able to understand where the link will take them just by reading the URL or the accompanying text. This is especially crucial for users who navigate documents using screen readers, as the descriptive text is what they hear when they come across a hyperlink. For example, instead of using “Page 2” as the hyperlink text, use something more descriptive like “More on PDF Accessibility Guidelines.
  • Avoid www. addresses: When referring to websites within your PDF, it’s recommended to avoid using raw web addresses starting with ‘www.’ While these addresses technically serve as links, they lack descriptive context which can leave users guessing about the content they’re about to access. A more effective method would be to embed these links into meaningful text that describes the destination or content.
  • Avoid “click here” language: Phrases like “click here” or “follow this link” are not helpful in terms of accessibility. These phrases don’t provide any context about the destination of the link or what the user should expect to find there. They are also not descriptive enough for users who navigate with screen readers, or users who tab through links on a page rather than using a mouse to click on them. Instead of using “click here” language, make your link text descriptive and meaningful. For instance, instead of “Click here to learn more about PDF/UA,” use “Learn more about PDF/UA.” In this example, the latter offers a clear and immediate context for what users can expect when they select the link.

How to create links

Starting from Word

The easiest method to properly embed links is to use MS Word to create your PDF. If your links are properly formatted in Word, and you properly create your PDF, the links will come through perfectly.

Starting in PDF

In most situations, it is easier to simply delete the link completely, and re-add the link into the PDF.

Adding New Links and Managing Multiline Links

Adding new links to a document can be quick and efficient. After selecting the desired text, right-click and select ‘Create Link’. Then, specify the link destination. This method automatically adds an object reference and correctly formats the link. To ensure visibility and recognition, assign a different color to the link and underline it, if necessary.

right click the text you want to make a link and select create link

Multiline links often present a unique challenge. In these situations, it can be beneficial to delete the links and retag the entire text at once. This technique maintains the link’s accessibility and ensures it has a single link object reference.

The Importance of Alternate Text for Link Accessibility

A critical component of making PDF links accessible is the addition of alternate text. Providing additional context for the link, alternate text is a requirement for certain accessibility standards. The practice of adding alternate text to the W3C Web Accessibility Initiative link, for instance, demonstrates how this gives additional information to the user.

To add alternate text to a link follow these steps:

  1. Find the figure tag in the Tags panel
  2. Right-click and select properties
  3. Update the alternate text and include the hyperlink again
Find the figure tag in the Tags panel

Right-click and select properties

Update the alternate text and include the hyperlink again

In conclusion, while making PDF links accessible requires some effort, it is a crucial step in fostering an inclusive digital environment. With a little patience and attention to detail, this skill is within everyone’s grasp.

Other PDF Posts:

Canva PDFs are not accessible

This post aims to explore how Canva PDFs are not accessible to people with disabilities. It seems like such a basic need at this point for any modern website to allow for exporting with a…

Loading…

Something went wrong. Please refresh the page and/or try again.

How to test Color Contrast Ratios

Video Overview of how to test Color Contrast

Understanding the Importance of Color Contrast in Web Accessibility

Welcome to the fascinating world of color contrast and its critical role in web accessibility. In this post, we’re delving into the ways you can test for color contrast in different authoring environments. Color contrast is pivotal in ensuring digital content is accessible to everyone, including those with visual impairments.

Unpacking the WCAG Standards for Color Contrast

According to the Web Content Accessibility Guidelines (WCAG), there are varying levels of conformance to consider when it comes to color contrast. Level AA requires a minimum contrast ratio of 4.5:1, while for large text (18 Point and above), there’s a color contrast ratio requirement of 3:1.

Remembering these standards may seem daunting. However, free color contrast checking tools can simplify this task. Two of these tools are the Color Contrast Analyzer tool from TPGI and the WebAIM Color Contrast Checker.

Harnessing the Power of the Color Contrast Analyzer Tool

Download the TPGI Tool

The Color Contrast Analyzer tool is particularly user-friendly, incorporating WCAG 2.1 standards at the bottom of the tester. It allows you to test various colors for contrast ratio, which can range up to a maximum of 21:1 for black fonts on a white background.

Testing color contrast isn’t limited to text; it applies to non-text content too. Whether it’s the bullets in your presentation or the color of your titles, this tool will indicate if your color choices meet the necessary contrast requirements.

Additionally, it offers a unique feature: the Synchronized Color Values option. This function lets you adjust color shades on a slider to find a similar color that achieves double A and triple A compliance. It’s a straightforward way to ensure your color selections are both aesthetically pleasing and compliant with accessibility guidelines.

CCA Tool

Expanding Your Toolkit with the WebAIM Color Contrast Checker

The WebAim Tool

The WebAIM Color Contrast Checker is another handy web-based tool. Much like the Color Contrast Analyzer, it allows you to test colors and automatically updates contrast ratios.

Notably, this tool also applies to graphical objects and user interface components, making it exceptionally versatile. Similar to the Color Contrast Analyzer tool, it lets you adjust shades to find a compliant color.

Conclusion: Ensuring Your Content is Universally Accessible

Color contrast is more than just an aesthetic consideration; it’s an essential aspect of web accessibility. Tools such as the Color Contrast Analyzer and WebAIM Color Contrast Checker can empower you to meet and maintain WCAG standards, ensuring your digital content is accessible to everyone.

Dont forget about your charts and graphs!