Versions Compared

Key

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

...

\uD83D\uDCD8 Instructions

Section

...

When you optimize a source document for accessibility and convert it to tagged PDF, you are using a type of automated tagging. Because you've already applied accessibility features in the source document, they will carry over during conversion. This type of automatic tagging is good and will make your life easier.

To save your Word Document as a Tagged PDF,

  1. Click on the File Tab and click Save as Adobe PDF.

    File Tab in MS WordImage RemovedSave as Adobe PDF Button in MS WordImage Removed
  2. In the Save As box, go to the Options Box at the bottom.

    Options ButtonImage Removed
  3. In the Acrobat PDFMaker, check Enable Accessibility and Reflow with tagged Adobe PDF and Convert Word Headings to Bookmarks.

    Acrobat PDFMaker Panel with Enable Accessibility CheckedImage Removed
  4. If you want to tag the objects in the Tags Pane yourself, click on the Tags Root and click Delete Tags.

...

8.4: Automatically Adding Form Fields

After your document has been imported into Acrobat, we need to create the form fields. Form fields are like text boxes and allow you to enter your information. There are two ways to add your forms, automatically and manually. To add your form fields automatically, you need to get the Prepare Form Tool. To activate this tool,

  1. Go to the Tool Tab.

    The Tools Tab in Adobe AcrobatImage Removed
  2. Go to the Forms & Signatures Section and find the Prepare Form Tool.

    The Forms and Signatures Section in the Prepare Form ToolImage Removed
  3. Click on the Prepare Form Tool’s dropdown menu and click Add Shortcut. The tool will appear in your Tools pane.

    The Prepare Form dropdown menu with Add Shortcut highlightedImage RemovedThe Tool Pane with Prepare Tool at the bottom.Image Removed

    the All Tools Pane on the left side of the screen and click the Prepare a Form tool.

    Prepare a Form Tool.pngImage Added
  4. The Choose an Option to Create a Form page will appear. Click on the blue Create Form button.

    Choose an Option to Create a Form Page.pngImage Added
  5. Adobe Acrobat will send you an alert telling you that the changes you made need to be saved. Click on the Save button.

    Acrobat Alert.pngImage Added

This tool will automatically add form fields to your document. One thing to keep in mind is that the tool will only create text box form fields. If you only use form fields for typing in text, that is okay, but if you need to create check boxes, or dates, or other complex form fields, you will need to make those manually. To add your form fields,

  1. Click the Prepare Form Tool.

    The Prepare Form Tool in Adobe AcrobatImage Removed
  2. Select your untagged PDF. Leave the option for This Document Requires Signatures unchecked. We will add a signature line ourselves later on.

    The Prepare Form Tool Menu with options for Single File, Scanner, and Create New. There is also a blue start button below.Image Removed
  3. The option for Form Field Auto Detection should be left as on.

  4. Click Start

  5. Now your tool has added form fields to your entire PDF document. Field Names and Tooltips are also added, but you should check those to be sure they are accurate.

    A PDF with form fields on the lines.Image Removed

Section

...

8.5: Editing and Swapping Form Fields

Now that your form fields have been created, you need to check them all. Some fields could have been made that are not meant for their space. Others spaces may need different types of fields. A few could also have the wrong names. Be sure you check each one carefully and change them accordingly. The Prepare Form Tool gives you 10 different form types to create. These include,

  1. Text Box

  2. Check Box

  3. Radio Buttons

  4. List of Choices

  5. Dropdown List

  6. Action Button

  7. Image Field

  8. Date Field

  9. Signature Field

  10. Barcode Field

...

Many of these fields can be used in accessible ways for your project. In our example, we are going to use some of these form fields to make our application accessible. First, we are going to delete the forms that were automatically created for us that we do not need. In this case, the Date field is a text field, but we want it to be a Date Field.

...

  1. Go to the Tool Bar at the top of the screen. Click the type of form you want created. In this example we will click the calendar icon to create a Date Field.

  2. The field is created on your cursor. Click the location where you want the field. Then scale the box to fit the location.

  3. Now double click on the new field. The Text Field Properties box will open. Give the field a new meaningful name.

    The Text Field Properties box in the General Tab with Date in the Name box.Image RemovedThe Date form field has been renamed.Image Removed

Unique Field Names

All field names need to be unique. If you do not have unique field names, Acrobat will duplicate any tool tips you made to all of the fields that share the same name. This can cause a lot of confusion if you use a similar name frequently in the document. For example, if you have a field name called Date, you cannot have another field name used in the PDF. If you do, the readers may not know what information to put down. The field many need today’s date or a different date. Keep this in mind when naming your fields.

...

Tooltips

When the screen reader reads the form field, the name will be read first, followed by the tooltip. Tooltips should be written like instructions telling the reader what to do for filling out the form field. When you have created a tooltip, you can hover your mouse over the form field and a small yellow box will appear with a tool tip inside. Keep in mind that tool tips should never include word for the type of field. An example could be “Check box Yes”. This is because screen readers will announce that information automatically.

...

  1. Double click on your form field.

  2. In the Text Field Properties box, go to the General Tab. Type in your tooltip in the Tooltip box.

    The Text Field Properties Box in the Generals Tab, the name is Full Name. Tooltip is Type your full name.Image Removed

Marking Fields as Required

...

  1. Double Click on your form field.

  2. In the Text Field Properties box, go to the General tab and check the Required Box.

    The Text Field Properties Box in the General Tab, Required is checked.Image RemovedThe full name form field box is highlighted red.Image Removed

Required Field Marker Indicator 2 Example:

  1. You can place a notice at the top of your document. This is good for when you have a document where everything is required to be filled out.

    The title of the PDF with All fields are required in parentheses. Image Removed
  2. If only certain fields are required, mark them with an asterisk or the work required in parentheses within the visible field label. Include an explanatory note in the form instructions, such as: "All fields with an asterisk are required." Then, for screen reader users, you would include the word (Required) in the tooltip.

...

In our example, we will use the full name form field. When you create the form fields automatically, the name will be automatically generated. Sometimes it is accurate, but they should be checked. Tooltips are not made automatically and need to be added manually.

...

Check Boxes and Radio Buttons

...

  1. Delete the form field you want replaced.

  2. Go to the Tool Bar at the top of the screen. Select the Dropdown Menu button.

    The Dropdown Menu Form Field ButtonImage Removed

  3. Click and drag your dropdown menu form field to create the form field in its location.

  4. Double click the field to open the Dropdown Properties box. Include a name and tooltip.

    The Dropdown Properties box in the General Tab. Name is Position Applied for, Tooltip is What position are you applying for.Image Removed

  5. Next, go to the Options Tab. In the Item box, type in your item and click on the Add button to add it to your item list.

    The Options tab with Items listed, Concierge, Front Desk, and HousekeepingImage Removed
  6. Test your dropdown menu by clicking the Preview button and clicking on your dropdown menu.

    Example of our completed dropdown menu with options for Concierge, Front Desk, and Housekeeping

...

  1. Go to the Tool Bar on the top of the screen and click the Button Tool.

    The Button Tool in AcrobatImage Removed
  2. Click and drag to create the button on your line. In this case, the clear form line.

    The clear form field.Image Removed
  3. Go to the General Tab in the Properties box. Give the button a name and a tooltip.

    The Button Properties box General Tab. Name is Clear Form, Tooltip is Click to Clear FormImage Removed
  4. Go to the Appearance Tab and set the font size to 14 and the font to Times New Roman.

    The Appearance Tab with Font Size set to 14, Font set to Times New RomanImage Removed
  5. Go to the Options Tab. Change Behavior to Push. Then set the Label to Clear Form.

    The Options Tab with Behavior set to Push and Label set to Clear Form.Image Removed

  6. Go to the Actions Tab and in the Select Trigger dropdown menu and choose Mouse Up. In the Select Action Dropdown menu, choose Run a JavaScript. Click Add Button. Copy and Paste the JavaScript below.

    The Action Tab with Select Action set to run a Javascript.Image RemovedThe Javascript Editor with an example of good Javascript to use.Image Removed
  7. Test your new button. You should get a warning asking you to proceed. This means your script works.

    Javascript Warning asking the reader to clear all fields with a yes and no option button.Image Removed

Digital Signatures

A signature field allow users to sign a document with a digital signature. When you create your form fields automatically, the signature form field is made for you. When you double click on the Signature form field and go to the General tab, the name and tooltip is also made for you. Users can use their existing Digital ID or make a new one.

...

In the Properties dialog, go to the Actions tab. There, you can either select from a list of built-in actions or enter JavaScript to perform a custom action.

...

Whatever actions you assign to form fields, follow these important guidelines for accessibility:

...

  1. You need to create your own Validation Script. You can do this by going to the Text Field Properties Box.

  2. Go to the Validate Tab, check Run Custom Validation Script, then click the Edit Button.

    The validation tab with run custom validation script checked.Image Removed
  3. In the JavaScript Editor, type in your JavaScript.

    The JavaScript Editor blankImage Removed

Section

...

8.6: Tab Order

Now that all of your form fields have been completed, you need to test the tab order of your PDF. A user may not be able to use the mouse to click from one form field to another. A good alternative to access the form fields is by using the Tab Key. To test your PDF, click the Preview Button and hit the Tab Key several times. What should happen is that the first form field at the top of the PDF should be highlighted first. Then by clicking the Tab Key again, the form next to or underneath the first form field will be highlighted. If a form field is skipped, that means the Tab Order is out of order. To fix the Tab Order,

  1. Go into the Prepare Form Tool Edit Mode.

    Blue Edit Mode ButtonImage Removed
  2. On the right side of the screen, go to the Fields Section.

  3. The Fields Section contains all of your form fields and gives you the ability to rearrange the order of the form fields. To move the form field order, click and drag the field you want into a new position.

  4. Go back to Preview Mode and press the Tab Key to test the new location of your form fields.

    Blue Preview Mode ButtonImage Removed
  5. Keep tweaking the Fields Section until everything is in order.

    The fields section with all of the form fields in order.Image Removed

...