Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How do I create accessible lists and a table of contents in Adobe Acrobat?

Table of Contents

\uD83D\uDCD8 Instructions

Section 4.21: Lists

Lists are comprised of three or sometimes four tag types:

...

  1. Click the Selection Tool.

    Selection Tool in Adobe Acrobat
  2. Highlight/select the number 1 in the first list item (just the number, not the rest of the list item).

  3. A list of favorite ice cream flavors with the number 1 highlighted.

    Open the Options Menu and select Create Tag from Selection.

    Options Menu in Adobe Acrobat.
  4. Select Label from the drop-down menu and click OK.

    New Tag box open with the type drop down menu saying Label.
  5. Select the contents of the first list item (in this case, it's the word Chocolate).

    A list of favorite ice cream flavors with Chocolate being highlighted.
  6. Open the Options Menu and select Create Tag from Selection.

    Options Menu in Adobe Acrobat.
  7. Select List Item Body from the drop-down menu and click OK.

    New Tag box with the type dropdown menu set to List Item Body.Accessibility Tags panel open the LBody tag for chocolate.
  8. Right-click the Tags Root and select New Tag.

  9. Select List Item from the drop-down menu and click OK. This will create an empty List Item tag.

    New Tag menu open with type set to list item.
  10. Drag and drop the Label tag and the List body tag as children of the List Item tag.

    Tags hierarchy with Label Tag and List Body tag as children of the list item tag.
  11. Repeat steps 2 through 10 for the rest of the items in the list.

  12. Right-click the Tags Root and select New Tag.

  13. Select List from the drop-down menu and click OK.

    New Tag box open with type set to list.
  14. Control + click to select all of the LI tags.

  15. Drag and drop them nested as children of the L tag (make sure they are in order)

    List tag has become the parent of the List Item and label tags.

Section 4.22: Table of Contents

Your table of contents will act as a link to the headings in the rest of the document. This is so we have shortcuts to all of the content in our document.

  1. Go to the Options Menu and click Find.

    Options Menu in Adobe Acrobat.
  2. The Find Element Dialog box will open. Change the Find dropdown menu to “Unmarked Links.” Then click Find. We are searching for links because we want the table of contents to give us a link to the contents page number.

    Find Element Dropdown menu with Unmarked Links highlighted in blue.
  3. Your content will be highlighted in Pink Borders. Click Tag Element. Then keep clicking Tag Element until all of the Links are tagged. In your hierarchy, you will see Link - OBJR tags.

  4. Now go back to the Options Menu and create a Link Tag. Place each Link OBJR tag into their own Link Tag.

    The Tag Hierarchy with Link tags added.
  5. Create a Paragraph tag, and highlight your first row of content in the Table of Contents. Then place your Link Tags inside of them.

    The Tag Hierarchy with Paragraph tags added.
  6. Go back to the Options Menu, click New Tag. Next, create a Table of Contents Item tag or <TOCI>. Then place each of your Paragraph tags inside the <TOCI> tags. Your hierarchy by now should look like this.

    The tag hierarchy with the Table of Content Item tags added.
  7. Now highlight your chapter name. In this case, it is “Web Accessibility Principles.” Right click your Link tag and click “Create Tag from Selection.” This will place your content inside the link tag but it will be separate from the Link - OBJR. Repeat this process for the rest of your contents.

    The tag hierarchy with the Table of Content tags added.
  8. Go to the Options Menu to create a Table of Contents Tag or TOC. Place it at the top of your hierarchy and place your Table of Contents Items Tags inside it.

  9. Go to the Options Menu and create a Heading 1 tag. Place it at the top of your hierarchy and place your TOC tag inside it. Highlight your Table of Contents Title and place it inside the H1 tag. Your final hierarchy has been established and should look like this.

    Final Tag hierarchy.

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@82d
sortmodified
showSpacefalse
reversetrue
typepage
labelskb-how-to-article
cqllabel = "kb-how-to-article" and type = "page" and space = "AN"