Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel6
outlinefalse
stylenone
typelist
printablefalse

Instructions

Section

...

5.23: Tables

  1. Upload your file, from Word, Excel, or PowerPoint into Adobe Acrobat.

    Our example table of an Employee List.Image RemovedA table of the Longest Flights in the World with data on the Airline, Flight Number, Distance in Miles, and Locations.Image Added
  2. Go to the Options Menu and click New Tag, create .

    The Options menu open with New Tag highlighted with a black box.Image Added
  3. Create a Heading 1 tag.

    The New Tag box with type set to Heading Level 1.Image Added
  4. Now highlight the heading you have for your document and right click your <H1> tag. Click Create Tag from Selection.

    Options Menu in Adobe AcrobatImage RemovedTag Hierarchy with our H1 tag, Employee List.Image Removed

    The text will appear in a small box in the hierarchy. Usually, a single box will appear with your header inside. However, sometimes multiple boxes appear. This will not affect the screen reader’s ability to read your text unless the individual words are broken up.

    The header of our table is highlighted. The Create Tag from Selection option is highlighted in a black box.Image AddedA H1 tag is visible with our title of the table inside.Image Added
  5. Go back to the Options Menu and create Table Header tags or <TH>. Highlight your Table Headers one by one and place them into their own <TH> tags.

    The tag hierarchy with our Table Heading Tags included.Image RemovedThe Tags hierarchy with each of our headers getting their own Table Header Tag.Image Added
  6. Go back to the Options Menu again and create Table Data tags or <TD>. Highlight your Table Data one by one and place them into their own <TD> tags.

    The tag hierarchy with our Table Data Tags included.Image RemovedThe Tag Hierarchy with Table Data tags for our first row of data.Image Added
  7. Create Table Row Tags or <TR> for each of your table rows. So if you have two table rows (including header rows, you need to make two <TR> tags. Place all of the <TH> tags in one <TR> tag and all of the <TD> tags in the other <TR> tag.

    The tag hierarchy with our Table Row Tags included.Image RemovedThe Table Data tags in our first row have been placed inside our Table Row tags.Image Added
  8. Create a Table tag and place your <TR> tags inside it. Now open up all of your tags to be sure they are in order. If a data cell is skipped, be sure it is tagged correctly and get it into the right place in the hierarchy.

    All of the table row tags are inside a Table Tag in our hierarchy. The table is also highlighted in pink to show it is fully tagged for each cell.Image Added

  9. Now that the tagging is done, we need to clean up all of the untagged material the screen reader may pick up instead of our tagged items. To do this, create a paragraph tag in the Accessibility Tags panel. Then right click on the Paragraph Tag and choose Find.

    Find Option.pngImage Added

  10. In the Find Element Box, change the Find dropdown menu to Unmarked Content. Click Find, and Acrobat will scan your document and highlighted content with a pink box. If you see pink boxes, tag it. It will all go into your Paragraph tag.

    Tagged Content Example.pngImage Added
  11. Open your Paragraph tag, there you will see tons of empty boxes or boxes that say Path. Select all of these boxes and right click. In the expansion menu, click Change Tag to Artifact. Click OK in the Create Artifact Box, then delete the Paragraph tag.

    Change Tag to Artifact Option.pngImage Added
  12. Provide an alternative text to your table by right clicking on the Table Tag and clicking Properties.

    Final Tag Hierarchy.Image Removed

    Then click Tag Tab, and finally, Alternate Text. An example of an alternative text would be: This table has data on the Longest Flights in the World. There is data on the Airline, Flight Number, Distance in Miles, and Locations. Finally, test your table with a screen reader.

    The Object Properties box with our title and alt text provided.Image Added

...