Story Boarding Document

InDesign Accessibility: Web-Based Training

Title:   InDesign Accessibility for CS6: Adding Alternative Text to Images and Applying Anchors to Images

 

Duration:

Pre-Work & Preparation (Steps that must be completed before screen captures and audio are created for this project.)

☐

☐

 

Developers: This storyboard is a guideline for voice and narration and screen capture to aid you in the development process. Please use you discretion in making changes to the script or screen actins such as screen capture, callouts, highlights boxes, etc. in order to create the most accurate, consistent, and easy-to-follow tutorial as possible. If you have any question, please consult the designer, if necessary.

 

Seq	Script	Screen Action(s)	Notes	Audio File Name
1	Welcome to InDesign Accessibility for CS6: Steps to accessible InDesign documents. In this demonstration we will be adding alternative text to an image inserted into an InDesign document and applying anchors to an image inserted into an InDesign document.		Title Slide
2	Alternative text added to an image can be read by a screen reader, allowing the content of the image to be accessible to a person with a visual disability	The InDesign Document is open with sample text and image. Highlight entire document.	Open ID doc prior to adding alternative text then start recording.
3	In this example we will add alternative text to the image located on the document.	Highlight the image.
4	First, to select your image, make sure you use the selection tool.	Highlight “selection” tool and select
5	And then click once on the image to select it.	Highlight image before selecting and select.
6	In menu bar select Object then select Object Export Options.	Highlight them in drop down menu then select.
7	In Object Export Options display select the ALT Text tab and change the Alt Text Source to Custom.	Highlight Object Export Options pane. Then highlight Alt Text tab.Select Custom from drop down menu.
8	Add descriptive text in the ALT Text Source field. Do NOT click Done. We need to make sure that we tag the information to be exported to a PDF for later.	Highlight text box and add sample description in the text box.
9	Next go to the Tagged PDF tab in the same Pane.	Highlight the tab Tagged PDF. Highlight Tagged PDF pane after selected.
10	Set Apply Tag drop down menu to Based on Object.	Highlight Apply Tag: dropdown menu. Highlight Based On Object. Select.
11	Set Actual Text Source to Custom.	Highlight Actual Text Source dropdown menu. Highlight Custom. Select.
12	Select Done.	Highlight Done. Select.
13	Next, the Anchoring Images tool allows screen readers to read images in a continuous flow of text. (Remember this only applies for InDesign version 5.5 and 6, only.) This feature allows a screen reader to read the ALT Tag description of the picture at the appropriate location in the associated content. This can be done in the middle of a paragraph or at the end or beginning of a paragraph. Now, be sure to place this Anchor after or before a complete sentence.	Show completed slide with picture. Highlight Picture.	Slide of sample picture displayed in InDesign already open and place in association to content/text.
14	Click on the solid blue square and hold the mouse button.	Highlight Anchor Icon.
15	And drag to the text where you would like the picture to follow in the content.	Mouse movement to placement in text.
16	The solid blue icon will transform into an anchor symbol. This indicates the image is anchored to text. The image will now be structured to follow the text without moving in the document.	Highlight the transformed Anchor Icon.
17	Thank you for viewing this tutorial and be sure to watch the rest of the InDesign Accessibilities for all the steps to making an InDesign document accessible. Additional information on Accessibility can be found at Accessibility.psu.edu/  and you can find written step-by-step directions at accessibility.psu.edu/indesignWe recommend you following the videos in sequential order to help you develop a workflow in developing best practices in InDesign. Next in our series is Maintaining and Verifying Reading Order, Threading Text.	Highlight web address in URL field	Show Snapshot of home web-page of AccessAbility and Usability at Penn State web page
18	Non-Discrimination slide.

 

Post-Storyboard (steps that must be completed after the completion of this documentation.)

 

☐ Submit document for internal review

☐  Submit document for external review

☐  Make revision, if necessary

☐ Hand-off document to voice recorder

☐  Hand-off document to developer