Introduction
Do not begin this process without final approval on your document.
Graphic Designers should follow the steps described in this course and use all available tools in InDesign to make the content as accessible as possible. There are no automated checkers for InDesign– The Graphic Designer is the checker.
If the InDesign document is not built correctly, the resulting PDF will be riddled with errors that have to be manually remediated in Acrobat PDF. Remediation involves painstakingly taking the PDF apart to correct mistakes made in InDesign. Those corrections are only “good” for the life of that version of the PDF. If the PDF is overwritten, those corrections cannot be recovered and must be completely redone.
This is the reason it is in a Graphic Designer’s best interest to make an accessible source file in InDesign. The process described in this course results in a correctly built, accessible InDesign source file that only needs a few minor adjustments in Acrobat.
Some adjustments are required in Acrobat because InDesign lacks that function. It is important to “upvote” new feature requests in Adobe forums for this reason– the more users ask for product enhancements, the more likely Adobe is to include those in a new InDesign release.
Check the Text
- Run the Check Document for Accessibility script to verify all text has a Paragraph Style. (Note that it is not fail-proof. It tests to ensure all text has a Paragraph Style, but it occasionally seems to remove PDF export tags from Paragraph Styles, and they must be re-added. It cannot test for whether the heading structure is logical. )
- Review all Paragraph Styles to ensure each is mapped to a PDF export tag and that all headings are used in the correct order. Verify all Paragraph Styles are mapped to export tags by choosing the “More” menu in Paragraph Styles and selecting “Edit all Export Tags.”
- Ensure all Hyperlinks are uniquely named and execute when clicked.
- Ensure “Shared Destination” is unchecked on all Hyperlinks.
- Ensure all Hyperlinks have alternative descriptions (alt-tags).
- Run spell check and/or have a writer/editor proofread the document.
- Check the table of contents to ensure it functions properly and page numbers are correct.
- If you used text variables, check to ensure they display the desired text.
- Go to Type > Show Hidden Characters and delete any extra spaces at the end of sentences. Verify that you have avoided both returns and used a “No Break” character style.
- Export a test PDF to check all interactive features of your document (links, buttons, form fields, video, et cetera) and ensure they work.
Check the Visuals
- Ungroup all grouped objects. (Grouped objects result in nested alt-tag errors that can only be manually remediated in Acrobat PDF.)
- Add alt-text to all visuals that convey meaning and artifact decorative visuals if you have not already done so.
- Run the Check Document for Accessibility script to make sure you addressed all visuals. (Note that it is not fail-proof. It verifies that all images have either been alt-tagged or artifacted. It cannot cannot test for whether the images have been treated appropriately, i.e. an image that should have an alt-tag is artifacted or that an image with an alt-tag has a meaningful alt-tag. Ignore the alert that visuals on Parent Pages need alt-tags – they do not.)
Set the Reading Order: Thread Text or Use the Articles Panel
There are two ways to make an accessible PDF from InDesign: threading text frames or using the articles panel. Both methods establish a logical reading order for the document so the text is read in the correct order.
Thread Text
Thread all text frames in a logical reading order (i.e. the order in which someone would read the document.) This establishes the order in which the screen reader will read the document to a user.
Why?
InDesign makes a Section tag for all text frames. It is often easier for Graphic Designers to work within a single Section tag to make the necessary adjustments required in Acrobat after export.
How?
Insert Frame Breaks
- Under Type, choose Show Hidden Characters.
- Insert a Frame Break at the end of each text box first under Type > Insert Break Character > Frame Break.
- The keyboard command to create a Frame Break on a regular laptop keyboard is SHIFT + FN + regular enter button.
- The keyboard command to create a Frame Break on a keyboard with a ten-key is SHIFT + Enter on the ten key pad.
- Ensure there are no extra spaces or other weird characters before the Frame Break. If there are, back them out.
- The Frame Break Character is represented by two double down arrows.
Do NOT thread text before adding Frame Breaks (or your text will get completely messed up.)
Thread Text
- Under View, choose Extras > Show Text Threads.
- Click the out port (largest white square) of the first text frame and hover over the upper right corner of the next text frame until you see a broken link icon.
- Click on the next text frame to thread it. You should see a line directing you to the next frame. That line is the text thread.
- Repeat with all other frames in a logical order.
- Use the Undo button to correct minor mistakes and the Break Text Threads Script for big ones
Anchor Visuals to Text
Anchor visuals to text that relates to the visual when using the Thread Text method.
Why?
Anchored visuals will appear in the correct order in the Tags tree, ensuring they are read in context with the text that belongs with them.
Note that a <figure> tags inside a <p> tag will have to be manually remediated in the Tags tree, but it is only a two-click fix.
How?
- Click the blue port (square) on the object and drag your cursor over to the end of the line of text you want to anchor to.
- A dashed blue line will appear and that is the anchor thread.
- If you make a mistake, right click on the anchored object and choose Anchored Object > Release.
- If there is no “release” option, choose “Anchored Object Options” and change the dialog to “Custom.” Then the “release” option will appear.
Use the Articles Panel
Drag all text and elements into the Articles Panel in the order in a logical reading order (i.e. the order in which someone would read the document.) This establishes the order in which the screen reader will read the document to a user.
Why?
InDesign will create an Article tag for each article in your document. The Article tag is not voiced, but there may be multiple Article tags the Graphic Designer must inspect to make the necessary adjustments required in Acrobat after export. This method may be preferred over the Thread Text Method – especially for complex documents.
How?
- Go to Window > Articles to turn on the Articles Panel.
- Drag all text and elements into the Articles Panel in the order in which they are meant to be read.
- Click the “more” menu in the Articles Panel and choose ” Use for Tagging Order in Tagged PDF.” (If this is not checked, the reading order will not export correctly and the PDF will be read out of order.)
Check the Layers Panel
Why?
Some access technologies follow the Order panel and not the Tags tree in Acrobat. You must properly order items in the Layer panel in InDesign to ensure the document is read properly on different access technologies.
How?
- Ensure all items that need to be tagged are on a single layer. (Items that are artifacted can be on another layer.)
- Delete all unused layers.
- Drag items up and down in the Layers panel to ensure the item on the bottom is the one that should be read first.
- Ignore artifacted elements present in the Layers panel.
- It is fine to have a background layer for background elements that do not convey meaning (such as a rectangle with color fill behind text). Ensure those elements are artifacted, and you can ignore that layer. Make it easier by moving those background items to a parent page where they are automatically artifacted.
Export to Interactive PDF
Make sure you did everything described here before exporting to Interactive PDF.
- Choose File > Export > Adobe Interactive PDF.
- Under General, check Create Tagged PDF and Use Structure for Tab Order.
- Under Advanced, choose Display Title > Document Title and set the Language.
- Under Compression, choose your preferred quality setting – JPEG lossy, maximum and 300 dpi are recommended.
- Export and open in Acrobat.
NOTE: If you worked in CMYK, you will get the Transparency Blend Space warning upon export. Switch to RGB under Edit > Transparency Blend Space > Document RGB to avoid color changes.
Course Sections
- Understand Inclusive and Accessible Content
- Configure Your Workspaces
- Plan the Layout
- Work with Text
- Work with Visuals
- Create Drafts
- Learn Special Considerations for Publications
- Finalize the Document: Check, Set Reading Order, and Export
- Perform Post-Process in Acrobat
- Test the Document
- Make Additional Changes
- Explore Bonus Features
- Engage with More Resources