35
PDF Accessibilit y: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa ccessibility Notes

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

Embed Size (px)

Citation preview

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

PDF Accessibility: Online FormsTodd WeissenbergerWeb Accessibility CoordinatorUniversity of Iowa

Accessib

ility

Notes

Page 2: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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

Page 3: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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

Page 4: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Five Steps to(somewhat)AccessiblePDF Forms

• Create Accessible Source Document• Add Form Fields• Provide Meaningful Tooltips• Check Tags and Annotations• Fix Content Order

http://webaim.org/techniques/acrobat/forms

Page 5: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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

Page 6: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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)

Page 7: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Student Request Form: Original

Page 8: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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

Page 9: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Define structure, semantics and styles for…

• Instructions• Headings• Body Text• Other??

• Controls and control regions• Textfield• Multiline textfield• Checkbox• Radio button set• Select menu

Page 10: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Form Control and Text Styles

• Set line height, tab stop, alignment, font size, spacing and other formatting options for form consistency

Page 11: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

MS Word: Layout, Semantics, Styles

form-textfieldform-textfield-multiline

Custom Styles

form-radiobutton

form-textfield-multiline

• Continuous section break • two-column layout• indentations for controls

Heading 1Heading 2

Heading 2

Heading 3

Heading 2

Heading 2

form-checkbox

Page 12: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

MS Word Accessibility Checker

Page 13: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

MS Word Accessibility Checker

Page 14: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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

Page 15: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

PDF Maker Preferences

Page 16: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Create PDF

Page 17: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Create PDF

Page 18: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Document Properties: Description/Initial View

Page 19: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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 Document3. Choose the document you want to use

• In this example, the Current Document is used4. No new form fields were detected, but now this document is ready to

accept new form fields

1

2

3

4

Create PDF Form

Page 20: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Forms Editor

• Add fields• Edit fields• Set tab order• Group radio buttons• Change field properties

Page 21: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Add Field

Page 22: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Add Tooltip

Page 23: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Form Fields Added

Page 24: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Check Box

Page 25: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Dropdown (Select) field with Options

1

2

3

4

Page 26: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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

Page 27: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Insert Radio Buttons in a Group

1

2

3

Page 28: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Group name is shared among all buttons

Page 29: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Radio Button: Tooltip/Choice combo

Group name

Page 30: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Add Tags to Form Fields

Page 31: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Tag Order: Before

Page 32: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Tag order: After

Page 33: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Final Accessibility Check

Page 34: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

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

Page 35: PDF Accessibility: Online Forms Todd Weissenberger Web Accessibility Coordinator University of Iowa Accessibility Notes

Questions?

Todd [email protected]

[email protected]