Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 26 Next »

Instructions

Overview: Tags are invisible labels that give semantic meaning to the document. Tags help screen readers and other assistive technologies know what each element is. It could be a heading, an image, a paragraph, anything. They convey this information to users as tags, then users have the ability to easily navigate the document and understand its structure.

There are two methods to manually add a tag:

  1. Directly in the tag tree

  2. Using the Reading Order Tool

When you tag directly in the tag tree you can either,

  • Create an empty tag and then associate the content with it. (Not recommended due to it taking longer.)

  • Create the tag and associate the content at the same time. (Much faster)

When you use the Reading Order Tool, the tag is automatically created and associated with the content at the same time.

The text Empty tag with an arrow pointing at an empty Heading 1 tag.The text tag has an arrow pointing to a Heading 1 tag. The text Content has an arrow pointing at the content of the heading 1 tag saying Coastal Comforts Employee Handbook.

Section 5.1: Working with the Tag Tree

To see if your document has tags, go to the Navigation Pane and select the Tags Page. The Accessibility Tags pane will open and you will see one of two things.

  1. There is a tagged tree with several tags for your document.

    The text Tag Tree with a bracket next to the Tags Pane.
  2. The words No Tags Available.

    The Accessibility Tags Pane with the alert No Tags Available.

Section 5.2: Adding a Tags Root to an Untagged PDF

If there are no tags in the Accessibility Tags Pane, you need to start by creating a Tags Root. This is very similar to HTML’s Body Tag.

  1. To create a Tag Root, click on the Options Button.

    The Options Button that has three horizontal buttons and the text Options Button with an arrow pointing at the button.
  2. Click Create Tags Root. The No Tags Available alert will change to Tags. There is also an option to Autotag the Document, but that will be discussed later.

    The Create Tags Root button with a box around the option.The Accessibility Tags Pane with an alert that says Tags.

Section 5.3: Add Tags

Next, you need to add tags for the content in your project. To add tags,

  1. Click on the Options button and select New Tag.

    The New Tag button highlighted with a black box.
  2. The New Tag popup box will appear. Choose the type of tag you want to make from the dropdown menu. Our example is a document, so the Type will be a Document Tag.

    The New Tag popup box with type set to Document.
  3. Add an optional title and click OK. This is the process for creating all of the tags available in Adobe Acrobat.

    An empty Document Tag is visible under the Tags Alert.

Note: Instead of right-clicking the Root Tag, you can create new tags by opening the Options Menu in the Tags Pane. When using this method, ensure the appropriate tag level is highlighted or selected in the tag tree. For instance, if a Heading 1 level tag is selected and you create a new tag via the Options Menu, the new tag will be added as a child of the Heading 1 tag. To place a new tag at the top level of the tree, make sure to click on or select the Tags Root first.

Section 5.4: Edit Tags/Change Tag Type

You have the ability to change any type of tag to another type - for example, you can make a simple change a Heading Level 1 Tag to a Heading Level 2 or a more radical change like a Paragraph Tag to a List Tag. In your tag tree, you can change tags in two ways:

  1. Double-click the tag and type in the new tag name directly.

    The H1 tag is double clicked and is surrounded by a box.
  2. Right click the tag and select Properties. In the Tag tab, select the Type from the drop-down menu.

    The H1 expansion menu is open with the Properties button at the bottom. The Properties button highlighted with a black box. The Object Properties box with the Tag tab open. The Type box dropdown menu is visible.

Note: If you use the first method, there is no warning when an entry is mistyped. For example, if you accidentally type <J1> instead of <H1>, you will receive no error alert. Instead, any tag that is misspelled will be considered as a simple paragraph.

Section 5.5: Moving Tags

If you want to move a tag, you need to drag and drop it within the tag tree.

  • If the small black arrow is positioned to the left of the tag icon with a longer line, the tag will be added immediately after the current tag, at the same hierarchical level.

    Longer Line Example with some text saying Same tag level as preceding tag.
  • If the arrow is positioned to the right of the tag icon with a shorter line, the tag will be added below the current tag, as a nested child.

    Short Line Example with some text saying Child tag of preceding tag.

Section 5.6: Deleting Tags

There are two ways to delete tags in Adobe Acrobat.

  1. Select your tag and press the Delete key on the keyboard.

  2. Right click a tag and click Delete Tag.

    An expansion with the option Delete Tag highlighted.

Section 5.7: Associate Content with Tags

After you create a tag, you need to add content to those tags for the content to be read by a screen reader. To add content to an existing tag,

  1. Click the Selection Tool and click on the content in the Document Pane.

  2. Right-click the tag and select Create Tag from Selection.

  3. Now a container with the content will be created inside that tag.

    Associate Content with an Existing Tag Example.pngTagged Content Example.png

Note: Create Tag from Selection is somewhat inaccurate in this sequence, as the tag already exists. Think of it as being "Associate the tag with the selection."

You also have the ability to create a tag with its content at the same time. It is recommended to use this method because it is usually must faster and saves you a couple steps. Keep in mind that there are some cases where it is still better to use the previous method, so keep both methods in mind when tagging. To create a tag with its content at the same time,

  1. Click the Selection tool and select the content.

  2. Click the Options button and select Create Tag from Selection.

    Create a Tag with Content Steps.pngCreate Tag From Selection Button.png
  3. Select the Type of tag from the drop-down menu and click OK. A tag with its content will appear in the Accessibility Tags Pane.

    New Tag Box Heading Level 1 Example.pngFinished Tag with Content Example.png

Section 5.8: Finding Tagged Content from the Tag Tree or Document Pane

To find tagged content from the tag tree, click on the tag in the tag tree and a pink outline will appear around the content in the Document Pane.

Find Content from the Tag Tree Example.png

If you want to find tagged content from the Document Pane,

  1. Click the Selection Tool and highlight/select the item with your cursor.

  2. Click on the Options button in the Accessibility Tags Pane and select Find Tag from Selection.

    Find Tag from Selection Instructions.png
  3. The tag will be highlighted/selected in the tag tree.

    Open Tag Example.png

Section 5.9: Using the Reading Order Tool

The Reading Order Tool, formerly known as the Touch Up Reading Order Tool (TURO), provides a visual method for adding and editing tags. While it achieves the same outcome as working in the tag tree, this tool offers a more intuitive tagging experience, especially for those unfamiliar with HTML tagging.

Note: Drawing a box around the content can sometimes be challenging. The tool may accidentally include extra blank space or miss parts of your selection. If this happens, simply click the mouse to clear the selection and try again until you’ve selected the correct content.

Missed Text Example.png

To use the Reading Order Tool:

  1. Click on the Prepare for Accessibility Tool in the Tasks Pane.

    Prepare for Accessibility Tool.png
  2. The Prepare for Accessibility Pane will open. Go to the bottom of the listed tools and click Fix Reading Order.

    Fix Reading Order Button.png
  3. The Reading Order Tool will appear. Keep in mind that this tool doesn’t offer all possible tag types, so if you need one that isn’t listed, you’ll have to create that tag in the Accessibility Tags pane.

    Reading Order Tool.png
  4. Next, draw a rectangle around the content you want to tag and select the desired tag type (e.g., Heading 1).

    Highlighted Content Example.png
  5. The tool automatically creates the tag and associates it with the selected content. Whether you choose this visual approach or prefer to edit tags in the tag tree depends on your personal preference.

Section 5.10: Container Tags

Container elements are the highest level of element and provide hierarchical grouping for other block-level elements. However, these tags do not convey any semantic meaning to the document. They are simply used to organize the tag tree structure and are more for the benefit of the document author than the end user. They will not be picked up or announced by screen readers, but they might be very helpful to find your way around in a long document.

These tags are:

  • <Document> — the Document element. Used as the root element of a document's tag tree.

  • <Part> — the Part element. Used to structure a large division of a document, like a chapter or sometimes a page. May group smaller units of content together, such as division elements, article elements, or section elements (see below).

  • <Div> — the Division element. A generic block-level element or group of block-level elements.

  • <Art> — the Article element. A self-contained body of text considered being a single narrative within a larger group of content.

  • <Sect> — the Section element. A general container element type, which is usually a component of a part element or an article element.

All of these tags are container tags, whose only real purpose is to group together a set of tags.

For example, a book could be organized using <Part> tags for each chapter, <Sect> tags for each section of that chapter, and <Part> tags again for every page in that chapter.

Section 5.11: Artifacts

You can also turn items that have already been tagged into Artifacts. This is often necessary when you’re working with an automatically tagged document during manual touch-up.

  1. Open the Tags Pane.

  2. Right-click the content that needs to be labeled as an Artifact (not the tag itself, but the content within it, which is next to the container icon that looks like a little box).

  3. Select Change Tag to Artifact.

Section 5.12: Finding Artifacts

To find an Artifact that has been removed from the tag tree:

  1. Click the Options menu in the Tags Pane.

  2. Click Find.

  3. Artifacts will already be selected as the first option in the drop-down menu.

  4. Select Search Page or Search Document.

  5. Click the Find button.

  • No labels