Accessibility

Understanding the Tags Tree and Tags Panel in Adobe Acrobat Pro

Last modified 10/21/2024

Document tags are essential for formatting content so it can be navigated and read logically by screen readers. The Tags Panel contains a tree-like listing of all the document's content. This tags tree shows the typical structural elements of the page in the order a screen reader should read.  If the content is not in the Tags Tree, it will likely not be accessible to screen readers.

Typical tags used in Adobe Acrobat

 Element Adobe Acrobat Tag
Heading 1<H1>
Heading 2 <H2>
Heading 3 <H3> 
Paragraph Text <P>
Image, Non-Text Content<Figure>
Table <Table>
Table Header  <TH>
Table Column  <TD>
Table Row  <TR>
List  <L>
List Item <LI>
Table of Contents<TOC>
Table of Contents Item<TOCI>


Other Tags

Other tags can be part of the accessibility tags tree. Some tags like <article>, <document>, <LBody> may be pulled over from 3rd party products like Microsoft Word. These could help organize the tags tree, but do not affect the screen reader's reading the structure of the content.


Each tag should have a content box listed as a child. Select the plus box or arrow to the left of the tag to reveal its content box. If the content box is blank, artifact the tag.

Screenshot of Accessibility Tags tree with tag expanded to show content box.

Open the Tags Tree

To open the Accessibility Tags tree, choose the Tag icon from the options on the right side of the screen.

Screenshot of Adobe Acrobat with the Accessibility Tags Tree open and the tags icon circled in red.

Unable to Locate the Tags tree? 

Go to the menu bar and choose View > Show/Hide > Navigation Panes > Tags. The Tags Panel will appear on the left side of the screen.

Tip

Be sure to use Adobe Acrobat and not Adobe Acrobat Reader. Adobe Acrobat Reader will not have the tools needed to make the necessary changes to your document.

Review the Tags Tree

In the open the Accessibility Tags Panel, review the tags tree. The accessibility tags tree must begin with a "Tags" tag. Select the plus box or arrow to the left of the "Tags" tag to open and close the tags tree. Notice some tags may be nested under other tags. Selecting the plus box or arrow to the left of any tag will reveal its child tags.

Screenshot of the Accessibility Tags Tree with arrow pointing at the Tags Tag (the first tag in the tree)

Tags not Coded Correctly?

If the tags are not coded correctly, use the following tutorials to help update your document's tags.

No Tags Available

If the tags tree is missing tags, right click the text "No Tags available" then select the Autotag Document option. This will auto-tag the document. The application will determined each tag by reviewing the document's font style, size, or spacing and may not be 100% correct. Be sure to recheck the tags. 

Screenshot of menu with Autotag document selected.

Versions Previous to October 2023

In previous versions of Acrobat, after right clicking the text "No Tags available" choose "Add Tags to document" option.

Check the Reading Order

Before publishing any PDF, check the reading order of the Tag tree to make sure the content flows in a logical manner and all the tags are correctly coded.

Select a tag in the tags tree. A colored box should appear over the corresponding content. Use the up and down arrow keys to navigate through the tags tree. Review the order the content is presented in. With some exceptions, content typically follows a left to right, top to bottom order, but ultimately the order should be logical.

Screenshot of document with a P tag selected in the tags tree and the corresponding content highlighted in the document.

If a box does not appear around the content, right click on "Tags" in the Tags Panel then select Highlight Content from the menu.

Screenshot of the Tags tree with Tags tag selected, and Highlight Content selected from the menu.

Re-Order Tags

If the tags are not in the visual order (left to right, top to bottom) or not in a logical order needed for context, reorder the tags. To reorder the tags, select a tag from the Tags Tree and either drag and drop the tag into its correct place in the reading order, or cut and paste the tag under its new parent tag.

Drag and Drop

To drag and drop the tag. Select the tag you want to move with mouse, hold the left button down and drag the tag into its new position. 

 Screenshot of Acrobat with a Heading 3 tag selected.

As you drag the tag over the Tags Panel a black line will appear in places you can drop the tag. Be careful to drop the tag under the correct tag. This action can take some practice.

Screenshot of Acrobat Pro with a Heading 3 tag selected and a black line under a Paragraph tag.

Cut and Paste

To cut and paste the tag under its correct parent tag, right-click the tag you want to move. Select Cut from the list of options. 

Screenshot of menu with Cut selected.

Paste: Add a tag below another tag

To add a tag directly below another tag in the tags tree, right-click the tag above the place you want the tag to be added then right-click and select the Paste option. The tag will be pasted below.

Screenshot of menu with the Paste option selected

Paste Child: Insert a Tag inside another tag

To add a tag inside another tag in the tags tree, right-click the tag above the place you want the tag to be added then right-click and select the Paste Child option. The tag will be pasted inside the selected tag.

Delete Tags

You can delete tags from the tags tree. To delete a tag, right click on the tag then choose Delete Tag from the list of options. 

Screenshot of Tags tree with tag selected and Delete Tag highlighted in the menu.