At this time there is not clear guidance from WCAG on how to exactly tag references, footnotes, and end notes. This post and video aims to explore the best methods for tagging this content.
Video Overview
Instructional Guide
There are two separate components to tagging footnotes or endnotes.
The first part is the superscript number in the main body of the document. For footnotes, the second part is the note itself, which appears at the bottom of the page. Endnotes show up at the end of the document.
Implementing Reference Tags in Adobe Acrobat
The first step in adding footnotes and references in Adobe Acrobat is to create a reference tag. Contrary to what you might think, a span tag does not serve our purpose here. While span tags are visually useful, they don’t carry any real value in terms of accessibility.
To create a reference tag, right-click on the Tag, select Properties, and change it to a reference. Simple as that!
Linking References to Endnotes
Next, you should consider linking your footnotes to the corresponding endnotes. Although this is not a requirement, it significantly enhances the reader’s navigation through the document. To create this link, right-click the reference number and select Create Link. Under link action, choose Go to page view and select Next. Then, scroll down to your endnotes and click set link. This process creates a hyperlink that leads directly to the relevant spot in the document.
Three methods reference in video:
Method 1:
Apply alternate text that provides guidance on where the endnote or reference leads to. For instance, the alternate text could be “superscript one refers to endnote one on page two”. This alerts the screen reader user about what the reference or endnote signifies.

Method 2:
Arrange the reading order so that the note is read directly after the reference. To do this, move the actual content of the note under the reference tag. In this arrangement, the paragraph is read first, followed by the reference, the note, and then the main content.

Method 3:
Include the note’s content in the alternate text. For this, copy the note’s content and paste it onto the actual text field of the reference. The alternate text could then read “superscript one. [content of the note]”. After this, change the endnote content to an artifact and delete the tags.
![Include the note's content in the alternate text. For this, copy the note's content and paste it onto the actual text field of the reference. The alternate text could then read "superscript one. [content of the note]". After this, change the endnote content to an artifact and delete the tags.](https://i0.wp.com/theaccessibilityguy.com/wp-content/uploads/2023/05/image-4.png?resize=630%2C428&ssl=1)


More PDF Posts
How to Make PDFs Accessible | Episode 9: West Hills College Leemore
Welcome to episode nine on community college PDF accessibility. Today, we focus on West Hills College Leemore’s 2023-2024 Instructional Calendar. Video Guide In case you missed them, here are Episode 1, Episode 2, Episode 3, Episode 4, Episode 5, Episode 6, Episode 7,…
How to Make PDFs Accessible | Episode 8: Fresno City College
Welcome to episode eight on community college PDF accessibility. Today, we focus on Fresno City College’s form for Biomedical Equipment Technicians. Video Guide In case you missed them, here are Episode 1, Episode 2, Episode 3, Episode 4, Episode 5, Episode 6, and…
How to Make PDFs Accessible | Episode 7: Reedley College
Welcome to episode seven on community college PDF accessibility. Today, we focus on Reedley Community College’s document “HSE Enrollment Form.” Video Guide In case you missed them, here are Episode 1, Episode 2, Episode 3, Episode 4, Episode 5, and Episode 6…
How to Make PDFs Accessible | Episode 6: Fullerton College
Welcome to episode six on community college PDF accessibility. Today, we focus on Fullerton Community College’s document “Points of Interest and Clarification Architecture.” Video Guide In case you missed them, here are Episode 1, Episode 2, Episode 3, Episode 4 and…
How to Remove a Digital Signature from a PDF
Hi! I’m Shawn Jordison and welcome to The Accessibility Guy blog. In today’s post, we’re learning how to remove a digital signature from a PDF using Adobe Acrobat Pro. Video Guide Why remove a digital signature? You might be wondering…
How to Compress a PDF: A Simple Guide to Smaller File Sizes
Hi! I’m Shawn Jordison and welcome to The Accessibility Guy blog. In today’s post, we’re learning how to compress a PDF in Adobe Acrobat Pro. Compressing PDFs makes large files quick and easy to share. You can…
How to make PDFs Accessible | Episode 5: Irvine Valley College
Welcome to episode five on community college PDF accessibility. Today, we focus on Irvine Valley College’s DSPS Student Parent Night 2023 document. Video Guide In case you missed them, here are Episode 1, Episode 2, Episode 3 and Episode 4…
How to Insert a Digital Signature into a PDF Document
This guide explains how to add a blank signature field to a PDF document using Adobe Acrobat Pro. A digital signature is more secure that an ink signature. PDF readers can check that the document was written…
Making a PDF Accessible: Episode 4 |Glendale College
Welcome to episode four on making college PDFs accessible. Today, we focus on Glendale Community College’s Disabled Students Programs and Services (DSPS) newsletter for summer 2023. Video Guide In case you missed them, here are Episode 1, Episode 2 and…
How to Resize a PDF
Welcome to today’s blog post, where we’re learning how to resize a PDF in Adobe Acrobat Pro. Downsizing large PDFs saves disk space, bandwidth, and computer memory. It also allows for paper size adjustment when printing. Video…
You must be logged in to post a comment.