1. PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

2. How People Use PDF Forms Visual/desktop Screen reader Keyboard Print/complete Complete online Digital signature Email Etc?? Note: Print forms and manual signatures present inherent accessibility barriers

3. 5 criteria for accessibility (Adobe) Logical structure and reading order, represented in tag structure Alternate text descriptions for figures, form fields, and links Navigation aids, including bookmarks and/or table of contents derived from structure Security that doesn’t interfere with AT Fonts that allow characters to be extracted to text

4. Five Steps to (somewhat) Accessible PDF Forms Create Accessible Source Document Add Form Fields Provide Meaningful Tooltips Check Tags and Annotations Fix Content Order http://webaim.org/techniques/acrobat/forms

5. Consider the Source Document Design form framework in Word or other source application Place form instructions before and adjacent to form controls Present related form controls together; use headings for sections Use styles rather than hard formatting for visual presentation Make sure instructions are clear Make sure instructions come before form fields Address form fields in Acrobat

6. So much depends on… Consistency and predictability Logical order and grouping Form instructions and label positioning Providing examples for specific input formats Date (mm/dd/yyyy) Phone (319-384-3323) Structure, style, formatting Use headings and other structural markup to organize content Use sufficient color contrast and font size Add form controls after saving document to PDF

7. Form sections, instructions, labels Instructions should precede calls to action Instructions should be easy to find, read, and return to Instructions should be concise and clear Groups of related form elements should be organized in sections Required fields should be labeled as such in text Fields that require specific input patterns (e.g., phone number, date) should include examples (e.g., mm/dd/yyyy; 319-384-3323)

8. Student Request Form: Original

9. MS Word: No Semantics or Styles; Instructions re-ordered

10. Apply Structure and Headings Heading 1 Heading 2 Heading 3 Heading 2 Word Styles Heading 2 Heading 3 Section break, 2- column layout

11. Define structure, semantics and styles for… Instructions Headings Body Text Other?? Controls and control regions Textfield Multiline textfield Checkbox Radio button set Select menu

12. Form Control and Text Styles Set line height, tab stop, alignment, font size, spacing and other formatting options for form consistency

13. MS Word: Layout, Semantics, Styles form-textfield form-textfield-multiline Custom Styles form-radiobutton form-textfield-multiline Continuous section break two-column layout indentations for controls Heading 1 Heading 2 Heading 3 Heading 2 form-checkbox

14. MS Word Accessibility Checker

16. MS Word Accessibility Checker: ALT Text

17. PDF Maker Preferences Settings Use Accessibility and Reflow Tagging Advanced tagging creates unreliable tag mappings Security Ensure that text access for screen readers is enabled Bookmarks Convert Word Headings to bookmarks Convert other styles as necessary

18. PDF Maker Preferences

19. Create PDF

21. Document Properties: Description/Initial View

22. 1. In tools, select “Forms” and then “Create” 2. Select how you want to create the form In this example, form is created from Existing Document 3. Choose the document you want to use In this example, the Current Document is used 4. No new form fields were detected, but now this document is ready to accept new form fields 1 2 3 4 Create PDF Form

23. Forms Editor Add fields Edit fields Set tab order Group radio buttons Change field properties

24. Form Text Fields

25. Add Field

26. Add Tooltip

27. Form Fields Added

28. Check Box

29. Dropdown (Select) field with Options 1 2 3 4

30. Radio Buttons are different Add groups of radio buttons all at once All buttons in a set get the same group name General/tooltip Choice field contains value for screen reader

31. Insert Radio Buttons in a Group 1 2 3

32. Group name is shared among all buttons

33. Radio Button: Tooltip/Choice combo Group name

34. Adjust Tab Order

35. Add Tags to Form Fields

36. Tag Order: Before

37. Tag order: After

38. Final Accessibility Check

39. Allowing Digital Signatures

40. User Signature Properties

41. Summary PDF accessibility begins with the source file Forms are only one part of the PDF accessibility challenge Form fields both programmatic and human-readable names Radio buttons travel in groups Tag and tab order are essential for keyboard accessibility Digital signatures could provide an accessible alternative to hand-signed documents

42. Questions? Todd Weissenberger todd-weissenberger@uiowa.edu itaccessibility@uiowa.edu