In part three of this guide on PDF accessibility, we will go over how to make PDFs accessible to people with disabilities using Foxit PDF Editor Pro.

PDF Accessibility Part 3

Table of contents

Introduction to remediation and tagging

Remediating PDF Accessibility in Foxit

Checking PDF tags

Introduction to remediation and tagging

What does “PDF remediation” and “tagging” mean?

PDF remediation is another way of saying “adding accessibility features” to a PDF document. These features can include adding heading levels, alt text to images, and specifying a logical reading order, to name a few.

Most accessibility features are added by “tagging” a PDF.

PDF tags are invisible descriptors needed for people using assistive technologies to navigate the document. Tags are critical for making the document accessible.

How do I remediate and tag my PDF?

Learning how to add accessibility to your PDFs may seem overwhelming, but it’s a skill that you will get better and faster at with time and practice.

In this part, we will first address the most common PDF errors using Foxit PDF Editor Pro. Then we will go over how to correct issues with the tags.

Which version of Foxit PDF Editor do I need?

You will need to install Foxit PDF Editor Pro. If you do not have Foxit installed, please contact the OIT Service Desk (oithelp@uga.edu or call (706) 542-2139) and request Foxit PDF Editor Pro.

Remediating PDF Accessibility in Foxit

Run Foxit’s Accessibility Checker

The first step is to run Foxit’s Accessibility Full Check on your PDF. This tool will scan your document and report any accessibility errors it finds. It will also list a couple of checks that you will need to review manually.

To run the check:

  1. Open the PDF in Foxit PDF Editor Pro
  2. Go to Accessibility > Full Check
  3. In the “Accessibility Checker Options” window, click “Start Checking

Failed and passed issues will be listed in the Accessibility Check tree.

Selecting the Accessibility tab and then selecting Full Check in Foxit PDF Editor Pro
To run an accessibility check on a PDF in Foxit PDF Editor Pro, go to Accessibility > Full Check.
Accessibility failed and passed checks in Foxit PDF Editor Pro
The left panel will list failed and passed issues.

Watch the video below for a demonstration of using Foxit’s accessibility checker:

Now let’s address some of the most common errors caught by the checker.

Checking for Sufficient Color Contrast

The accessibility checker will always report “Document > Color Contrast – Needs manual check.”

This is because the checker cannot tell if your document has sufficient color contrast. This means you will have to manually review the color contrast between text and its background in your PDFs.

Text with low color contrast against its background has poor legibility, and can be a problem for users with certain types of color blindness, or have trouble differentiating between similar colors.

For example, black text over a white background has enough contrast and is accessible. However, gray text over a white background may not have enough contrast.

Note that any templates you use from our Canva for Teams account will use color combinations with sufficient color contrast by default. You can also check the color contrast of two colors using WebAIM’s Color Contrast Checker.

If your document does not have sufficient color contrast, it is easier to fix the contrast in the source document (ie in Canva), export it to PDF, and then work on it in Foxit. Fix this issue first before moving onto tagging the PDF.

Document > Tagged PDF – Failed

If you see “Document > Tagged PDF – Failed” listed in the Accessibility Check, this means the PDF does not include any tags. This can happen if the source document is exported for print instead of for digital, or if you are exporting from a source that does not export tags yet (like Canva).

Fortunately, Foxit can automatically add tags for you. To autotag the document:

  1. Right click the “Document > Tagged PDF – Failed” and select Fix from the pop up menu.
  2. Foxit will autotag your document, and run the accessibility check again.

You can now check the tags in the Tags panel by clicking the price tag icon. If the price tag icon is missing, right click the left sidebar and select “Tags” from the menu to add it.

Watch the below video for a demonstration of the above steps:

Document > Primary Language – Failed

The primary language setting of a PDF lets screen readers know how to correctly pronounce the document. If you have failed this check, or want to check the setting:

  1. In Foxit, go to File > Properties > Advanced.
  2. In the Language dropdown, select the document’s primary language.
  3. Make sure to Save.
Set the PDF primary language in Foxit PDF Editor Pro
Set the primary language for the document under File > Properties > Advanced.
Note that “en-US” is fine to use if the document’s language is English.

Document Title

The document title is specified in the PDF’s properties, and should contain the main title for the document. It’s helpful for users since it provides the title of the document in the browser tab, making it easy to identify.

To add or edit the title in Foxit:

  1. In Foxit, go to File > Properties
  2. In the “Description” area on the right, click “Add a title,” and type in the title.
  3. Save your change.

The title should be relevant and is usually what you would use as the first heading in the document.

Edit the meta title of a PDF under file > properties > title in Foxit PDF Editor Pro
Check and add the meta title under File > Properties > Title.

Important

Even if the document passes the title check, make sure the document title is useful.

For example, “Untitled” or “Copy of Newsletter 12-7-22” are generic and vague document titles. “Clarke County Extension Newsletter for 12-7-22” is better, since it is specific and lets the user know what the document is about.

Alternate Text > Figures alternate text – Failed

Images in your document need alternate text – also known as alt text. Alt text is a brief description of the image that is read by assistive technology. Without alt text, images are invisible to screen reader users. To make images in your document accessible:

  1. In the Accessibility Check pane, expand Alternate Text and expand. Right click Figures alternate text – Failed. Click “Fix.”
  2. In the “Set Alternative Text” window, set the alt text for the image that is currently highlighted on the screen. If the image is decorative, instead check the “decorative figure” box.
  3. Repeat for all images. Use the forward and back arrows to navigate to other images in the PDF.
Right click "Figures alternate text - Failed" and select "Fix"
Expand “Alternate Text,” right click “Figures alternate text – Failed,” and select “Fix.”
Using the Set Alternate Text option to assign alt text to images in a PDF.
With the “Set Alternate Text” window, set the alt text for the current highlighted image. Use the back and forward arrows to navigate to each image. If the image is decorative, check that box instead of using the alt text field.

Watch the video below for a demo on adding alt text to figures:

Document > Logical Reading Order – Needs manual check

“Logical Reading Order” is a check that will always need manual review by a person.

The Tags Tree and then the Reading Order tool are the keys to excellent PDF remediation. These tools will help you check the invisible “tags” in your PDF and remediate any issues that the automated tagging process did not catch. Issues may include:

  • Tags are out of logical reading order
  • Content is not tagged correctly (e.g. a heading is tagged as a paragraph)
  • Content is not tagged at all

In the next section, we will use the Tag Tree and Reading Order tools to check for these errors, and ensure our PDF is accessible.

Checking PDF tags

Open the Tags panel in Foxit

To see a PDF’s tags in Foxit, click the “Tags” icon in the list of icons on the left.

If you don’t see the “Tags” icon, right click the list of icons and select “Tags” from the menu to add it to the left.

Tags panel in Foxit PDF Editor Pro.
To see your PDF’s tags, click on the “Tags” icon on the left side icon menu of Foxit PDF Editor Pro.
Revealing the Tags panel in Foxit PDF Editor Pro.
Right click the icon menu on the left side and select “Tags” if you do not see the Tags panel.

This reveals the Tags tree. There’s usually a <Document> tag at the root of your PDF. Expand this to reveal the rest of the tags. You can expand these to find content and other nested tags. Clicking on each item will also highlight what it represents in the document on the right.

Clicking items in the Tags tree highlights them in the PDF in Foxit
Clicking an item in the tag tree highlights it in the PDF.

Check tag order

Check the order of the tags in the tag tree. They should be in the same order that the document is logically read in. If a tag is out of order, then you can rearrange it with one of two methods:

  • Cut and paste: Right click on a tag that you want to move, and select “Cut” from the menu. Then right click a tag that should come before where the tag will go in the tag tree. Select “Paste“, and the tag will be moved to after the tag you right clicked.
  • Drag and drop: It’s also possible to click and drag the tags around the tag tree. Be careful, since it’s possible to drag a tag and placing it inside of another tag.

Watch the video below for step-by-step instructions on reordering tags.

Check tag types

Each PDF tag represents a type of content. E.g., a <P> tag will contain a paragraph, and a <Figure> tag will represent an image, and the <H1>, <H2>, <H3>, etc tags will represent headings.

If you use the Autotag option in Foxit, some content may be tagged incorrectly.

Let’s look at an example below. The first heading of the PDF has been incorrectly tagged as an <H2>. FYI, a document should always contain exactly one Heading 1 for its title!

The title of the PDF is incorrectly tagged as an H2 in Foxit
The main title of our PDF is marked as an H2 (Heading 2), but the main title should always be an H1 (Heading 1). Let’s fix this!

To fix an incorrect tag, we will need to edit the Object Properties of the tag and set it to the correct tag type. To correct the above example:

  1. Right click the incorrect <H2> tag in the document tree, and select “Properties” from the menu.
  2. In the “Object Properties” menu, in the “Type” dropdown menu, select “Heading Level 1“.
  3. Click “Close” and Save.
Right clicking the incorrect tag and selecting properties from the menu in Foxit
Right click the incorrect tag in the tag tree, then click “Properties” from the menu.
Selecting the correct tag from the type dropdown menu in the Object Properties window of Foxit
In the “Object Properties” window, select the correct type of tag from the dropdown menu. When done, click “Close” and Save.

Watch the video below for a demonstration on correcting a tag:

Marking empty tags as background/artifacts

There may be tags in your PDF tree that are empty or contain a single space. This usually happens with <P> tags on blank lines, caused by carriage returns. Tags with blank content can cause confusion for visitors using screen readers.

Selecting an empty tag in the tag tree may highlight the space it occupies in the PDF
Selecting in an empty tag in the tree may highlight the space it occupies in the PDF.

To fix this, the blank content in the tags will need to be marked as “background/artifact“. Then the remaining empty tags will need to be removed from the tag tree.

To mark blank content as background/artifact:

  1. Expand the empty tag in the tag tree
  2. Right click the empty content nested in the tag, and select “Change tag to artifact…” from the menu.
  3. On the “Create Artifact” window, select “Page” for artifact type (default). Click OK.
  4. Repeat for all empty tags in the tag tree.

Once you are done, remove the remaining empty tags:

  1. Right click the “Tags” item at the top of your tag tree, and select “Delete Empty tags” from the menu.
  2. The empty tags will be removed from the tag tree.

Watch the video below for a demonstration:

Add missing tags

Another issue is when there’s content that’s not tagged at all. Leaving content untagged makes it invisible to the screen reader. For this case, the correct tags need to be added manually to the PDF.

You can add missing tags with the Touch Up Reading Order (TURO) tool. The TURO tool outlines the PDF visually to show how content is ordered and by structure types (tags). It also has tools for adding missing tags.

  1. With the Tags panel open, go to  Accessibility > click Reading Order.
  2. The “Touch Up Reading Order” window will appear. Notice your document will also now be outlined either by structure type or order. Make sure structure type is selected.
  3. With structure types highlighted, use your cursor to click and drag a box around the content you want to add a tag for. A blue outline should appear around the content. This part may take a couple of tries to get it to appear.
  4. Once it’s selected, click the button in the TURO window that represents the type of content you are tagging.
  5. This adds the tag to your Tags panel. Move it to where it is in the correct reading order.

Watch the video for a demo on adding missing tags:

Combine tags

The automatic tagging process may separate out text into two separate tags, that should be read as one tag. This will cause an unnecessary pause when it is read aloud by the screen reader.

You can combine the content of the tags into one tag, and then remove the leftover empty tags.

  1. In the Tags panel, find the separated tags that need to be combined.
  2. Open up the second tag that follows the first. Drag the content from that tag into the first one.
  3. Repeat the process for any additional lines that may be separated out.
  4. Once you are done, go to the root parent tag, right click that tag, and select Delete Empty tags. This will remove the leftover empty tags you moved content out of.

Watch the below video for a demo of combining separated content into one tag:

Conclusion

We hope that this guide has left you feeling more confident about making accessible PDFs. If you have questions regarding PDF and document accessibility, please reach out to the Web Team at caesweb@uga.edu.