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 Contentstoc
minLevel1
maxLevel6
outlinefalse
stylenone
typelist
printablefalse

\uD83D\uDCD8 Instructions

...

Section 4.21: Lists

Lists are comprised of three or sometimes four tag types:

  • List: <L>

  • List Item: <LI>

  • List Body: <Lbody>

  • Label: <Lbl>

Each individual list item is contained in an <Lbody> tag, which is nested under the <LI> tag. All <LI> tags are then nested under the <L> parent tag. The <Lbl> tag is used for the bullet or number of each list item, and . It is then nested under the <LI> tag. This tag is optional, but the other three are required. If you don't use the <Lbl> tag, then the bullet or number must be contained in the <Lbody> tag.

Acrobat does not differentiate know the difference between ordered and unordered lists (even if the original authoring software program does). Both types use the same tags in Acrobat.

  1. Click the Selection Tool.

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

    A list of favorite ice cream flavors with the number 1 highlighted.Image RemovedA list of favorite ice cream flavors with the number 1 highlighted.Image Added
  3. Open the Options Menu and select Create Tag from Selection.

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

    New Tag box open with the type drop down menu saying Label.Image RemovedNew Tag box open with the type drop down menu saying Label.Image Added
  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.Image RemovedA list of favorite ice cream flavors with Chocolate being highlighted.Image Added
  6. Open the Options Menu and select Create Tag from Selection.

    Options Menu in Adobe Acrobat.Image RemovedOptions Menu in Adobe Acrobat.Image Added
  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.Image RemovedAccessibility Tags panel open the LBody tag for chocolate.Image RemovedNew Tag box with the type dropdown menu set to List Item Body.Image Added
  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.Image RemovedNew Tag Box with List Item in the Type BoxImage Added
  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.Image RemovedExample of the tag hierarchy.Image Added
  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.Image RemovedNew Tag Box with Type set as ListImage Added
  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.Image Removed

...

  1. Our examples final tag hierarchyImage Added

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.Image RemovedOptions Menu in Adobe Acrobat.Image Added
  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.Image Removed

    Find Element Dropdown menu with Unmarked Links highlighted in blue.Image Added

  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.Image RemovedHierarchy Example with Link OBJR tags in their own Link TagImage 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.Image RemovedTag Hierarchy with Link Tags inside of Paragraph TagsImage 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.Image RemovedThe tag hierarchy with the Table of Content Item tags added.Image 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.Image RemovedView of our Table of Contents Example with our hierarchy to the left.Image 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 exampleImage Modified

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"