PDF Accessibility
PDF Forms
PDFs are a common format for fillable forms. PDF is likely the best choice for a form that needs to be digitally signed or printed off for analog entry. For forms that do not require signing or are not to be printed, consider using MSForms.
On this page:
Best Practices
- Ensure form has clear instructions.
- Create meaningful visual labels for all fields, place labels adjacent to corresponding fields.
- Use tooltips.
- Include meaningful group labels where appropriate.
- Indicate required fields and field constraints (such as specific date format).
- Provide help and hints.
How to create a PDF form in Acrobat.
For additional information, consider WebAIM’s guide to form tags.
Acrobat Prepare Form
Create form layout in Word or InDesign and export as an accessible PDF document. Open in Acrobat Pro DC.
- Select Tools tab and find the Forms & Signatures section.
- Select Prepare Form tool and click Add or Add Shortcut.
- The Prepare Form tool will appear in the right side tools pane.
Prepare Form Tool
To add form fields:
- Click Prepare Form tool
- Uncheck/leave uncheck This document requires signatures. Add signature lines within the form if needed.
- Ensure Form field auto detection is ON.
- Select Start.
- The document is in Forms Editing Mode until the Close button in the top right is selected.
To delete a form field:
- With Prepare Form tool open:
- Right-click form field to be deleted
- Select Delete
Manually Create Forms
- Open Prepare Form tool
- Select form field type from top centre toolbar
- Click in document where you want to place form field
- Type a meaningful, unique name
- This is not a name that will display in the document, that remains the text created in the document beside the field. Unique field names are required because Acrobat will apply the same Tooltip (discussed below) to all fields with the same name. This will lead to confusion and inaccessibility
- Check Required if applicable
- Note: checking required only adds a red outline around the field. A better practice would be to add the “(Required)” to the visible form label (the text in the original document) and add “(Required)” to the tooltip wording
- Select All Properties
- This dialog presents all the options for each field
- Options include: border, font style and size, position, alignment, relationship to other fields (such as a group of radio buttons), data restrictions such value range or format requirements
- On the General tab the Tooltip field is required for full accessibility as the Tooltip is read to screen readers. Without a useful, unique tooltip such as “type your age”, screen reader users would hear something like “type a text” or “text input” and it may not be clear which field they are completing
- You can also access the Properties dialog by right-clicking a field and selecting Properties
- Or when a field is selected press CTRL (CMD on macOS)and i
Add Tags
Form fields need to be tagged:
- Open the Tags pane
- Select Options button
- Choose Find
- In the Find Element dialog, choose Unmarked Annotations
- In Type: select Search Document
- Click the Tag Element button
- Select Form in Type: dropdown and click Ok
- Advance to next field
Verify Tab Order
- With Prepare Form tool open
- Select More beside the tool icon and select Show Tab Numbers
- A number appears in the top left of each field indicating its tab order
- Examine the Fields in the right hand pane, this order reflects the tab order
- Drag and drop fields to reorder
Begin at the top of your form and press Tab to move between fields and verify proper order.
Once you have added your form fields, mark placeholders (such as a blank line for a signature) as artifacts.
Acrobat will likely group your placeholder text (such as options for checkboxes) as one paragraph. This will disrupt reading order. To avoid this, open the Tags pane, highlight text individually, open the menu in the Tags pane and choose Create Tag from Selection… and choose Paragraph. This is a simple way to split text and place your form fields in between.
Initial Accessibility Checks
To assess the accessibility and usability of your form, check:
Manually
- Use the Tab key to move around the form.
- Radio buttons should be grouped, meaning you can Tab to the first radio button and then use the arrow keys to navigate around that group.
- Checkboxes cannot be grouped but should have a consistent tooltip (tooltips provide directions for the required input of the field to assistive technology) to give indication of their grouping.
- Text fields should be in the same order they visually appear.
Tooltips
- Navigate to Tools (On main tab bar, via View > Show/Hide > Tools Pane and then select More Tools at the bottom of the Tools Pane)
- Select Accessibility.
- Select Identify Form Fields OR Navigate to Tools and select Prepare Form.
- An overlay of the tooltip associated with each field appears.
- Additionally, the FIELDS pane lists all fillable fields.
- Use the FIELDS pane to reorganize the Tab order of the form.
Text Fields
- Right click or double click on a fillable field.
- Select Properties > General.
- Each field must have a descriptive Name.
- A useful Tooltip field includes the title and short instructions to complete the field.
- Tooltip is what is read out loud by a screen reader so it is very important.
- Repeat for each fillable field.
Radio Buttons
- Click and drag over all radio buttons in a group to highlight them.
- Properties > General.
- Enter a name for the buttons in the Group Name field.
- Select each radio button individually.
- Properties > Options.
- Enter a description in the Radio Button Choice field.
Check Boxes
- Select each check box individually.
- Properties > General.
- Enter the Name field with the question.
- Enter a short description followed by the text of the textbox as it appears on the document in the Tooltip field.
- Because Check boxes cannot be grouped like radio buttons, try to be consistent with your ToolTips such as “favourite food: cookies”, “favourite food: fish”, “favourite food: pizza”, etc.
Tab Order
- Open Prepare Form tool.
- Click dropdown menu beside FIELDS list.
- Select Show Tab Number.
- Rearrange tab order by clicking and dragging to correct order.
- This does not move the items on the document, only ensures screen readers will read the fields in the order you intended.
Nesting
<Form> tags should be nested within the text tag that the form field is associated with.
Navigate to the Tags pane and cut and paste or click and drag appropriate form fields to ensure proper nesting.
Missing Form Field
You can add a single form field if you discover one missing during your checks:
- Navigate to Order.
- Open the Reading Order Panel.
- Click and drag to highlight over the desire form field area and select Form Field.
Note, you will still need to ensure the reading order, tags, and tooltip for the field.
Automated Accessibility Check
- Select Tools
- Accessibility > Accessibility Check or Full Check
- Right click on various errors for explanation and tips for fixing the error.
- Read Out Loud will give an idea of how a screen reader or text-to-speech software will read your document
- Select View > Read Out Loud > Activate Read Out Loud
A PDF with form fields will not reflow (by design), so do not use the Zoom > Reflow tool.
Tab through your form once more to be sure.