- Tagged PDF documents with forms.
- PDF forms created using Adobe LiveCycle Designer.
This technique relates to:
- Success Criterion 1.3.1: Info and Relationships (Sufficient as a way to meet an unwritten technique)
- Success Criterion 3.3.2: Labels or Instructions (Sufficient)
- Success Criterion 4.1.2: Name, Role, Value (Sufficient as a way to meet G135: Using the accessibility API features of a technology to expose names and notification of changes)
The objective of this technique is to ensure that users of assistive technology are able to perceive form control labels and understand how form controls are used.
Form controls allow users to interact with a PDF document by filling in information or indicating choices which can then be submitted for processing. Assistive technology users must be able to recognize and understand the form fields, make selections, and provide input to complete the forms, and submit the form, just as sighted users can. Understandable labels that convey the purpose of each form control are essential to form accessibility.
Form inputs generally have labels and instructions to help users understand what information is required and how to fill in the form. Unless these labels are programmatically associated with the relevant fields, assistive technology might not be able to associate them correctly, and thus users might not understand how to complete the form.
Using Adobe Acrobat Pro with documents with interactive forms, you can make sure that the forms are accessible and usable by making sure that programmatically associated labels that convey the purpose of the fields are provided.
The heuristics used by assistive technology will sometimes use the text label if a programmatically associated label cannot be found. The TU entry (which is the tooltip) of the field dictionary is the programmatically associated label (see Example 3 below and Table 220 in PDF 1.7 (ISO 32000-1)). Therefore, add a tooltip to each field to provide a label that assistive technology can interpret.
The table below lists the placement rules governing where Adobe LiveCycle positions labels by default. Note that these rules assume left-to-right text directionality. If your form requires different positioning (e.g., to accommodate PDF documents in languages that use right-to-left text directionality), see Repositioning form labels in Example 2 below. In general, authors should review label positioning to make sure it meets the requirements of their particular form.
|Control Type||LiveCycle Placement Rules|
|Text input (including date/time and password fields)||Default placement for the label is to the left of the control. If this is not possible, LiveCycle will attempt to place it immediately above the control.|
|Checkbox||Default placement for the label is to the right of the check box.|
|Radio button group||Default placement for the label for each individual radio button is to the right of the button. Create a visible caption for the radio button group by creating static text and placing it to the left of or above the group. (See Labeling radio buttons below.)|
|Combo box||Default placement for the label is to the left of the drop-down list. If this is not possible, LiveCycle will attempt to place it immediately above the control..|
|List box||Default placement for the label is above the list box.|
|Button||LiveCycle automatically places the label on the button; it does not have to be positioned manually. Ensure that the button's purpose is properly described in the label text.|
Example 1: Providing labels using the Forms tool in Adobe Acrobat 9 Pro
This example is shown with Adobe Acrobat Pro. There are other software tools that perform similar functions. See the list of other software tools in .
As noted in the Description, text labels added in an authoring tool and then converted to PDF might be visually associated with the fields but are not programmatically associated, and you should provide a tooltip.
- In the Forms menu, select Add or Edit Fields...
- For the field you want to edit, access the context menu and select the Properties dialog.
- In the General tab of the Properties dialog, type a description for the form field in the Tooltip field.
- Repeat for all form fields.
The following image shows the Properties dialog with a description in the Tooltip field.
This example is shown in operation in the working example of providing labels using the forms tool.
Example 2: Providing labels to form controls in Adobe LiveCycle Designer ES 8.2.1
This example is shown with Adobe LiveCycle Designer. There are other software tools that perform similar functions. See the list of other software tools in .
LiveCycle Designer provides several options for associating descriptive text and labels with form elements.
For sighted or low-vision users, it is important to properly position the label adjacent to the control. For screen reader users, you should also ensure that the label is programmatically associated with the form control and that sufficient information is provided so that screen reader users can readily complete and submit the form.
This example is shown in operation in the working example of providing labels in LiveCycle Designer.
Specifying accessible label text using the accessibility palette
In LiveCycle Designer, create or import a form. Then:
- Enable the palette by selecting Window > Accessibility or by pressing shift + F6.
- The palette appears in LiveCycle Designer's right-hand panel.
- Select an object in your form. The palette shows the object's accessibility properties.
The label that a screen reader uses does not necessarily have to be the same as the visual caption. In some cases, you may want to provide more information about a form element's purpose.
To specify what text should be announced by the screen reader for a particular object, you can use the Accessibility Palette's Screen Reader Precedence drop down list. Text is announced in the order shown in the list: custom text, tool tip, caption, and name.
Depending on the complexity and difficulty of your form, you must decide which option best suits the requirements for your form.
By default, a screen reader searches for an object's text in order shown in the image. Once descriptive text has been found for a control, the search stops.
The image below shows an example of a text field with a visual caption that might be unclear for screen reader users. One of the fields has a caption of "Date" but screen reader users may want to know the preferred date format (shown as screen text). So this text is provided in the tooltip. Because a tooltip has a higher precedence than the visual caption, the screen reader uses the tooltip.
Repositioning form labels
The placement of a caption, or label, is important because users expect them to be found at a particular location adjacent to the control. For screen magnification users this is even more important, as they might not be able to view both the control and the label at the same time.
When you create an object, Adobe LiveCycle Designer automatically positions the label as specified by the control type (see the table in the Description above). For example, for a text field, the label is positioned to the left of the control.
If you need to change the position of the label text (for example, to accommodate right-to-left text directionality):
- Select the object by moving the focus to it.
- In the Layout palette, under Caption at the bottom of the palette, select the position of your object from the Position drop-down list.
The resulting repositioned label is shown below. The label for the Date text field has been moved from the left of the field to the line above the field.
Example 3: Adding a tooltip to interactive form controls
The following code fragment illustrates the use of the TU entry to provide a tooltip (or programmatically associated text label) for a form field. This is typically accomplished by an authoring tool.
<< /AP -dict- /DA /Helv 0 Tf 0 g /DR -dict- /F 0x4 /FT Tx % FT key set to Tx for Text Field /P -dict- /Rect -array- /StructParent 0x1 /Subtype Widget /T Date you are available % Partial field name Date /TU Date you are available: use MM/DD/YYYY format % TU tool tip value serves as short description /Type Annot /V Pat Jones >> ... <Start Stream> BT /P <</MCID 0 >>BDC /CS0 cs 0 scn /TT0 1 Tf -0.001 Tc 0.003 Tw 11.04 0 0 11.04 72 709.56 Tm [(P)-6(le)-3(as)10(e)-3( )11(P)-6(rin)2(t)-3( Y)8(o)-7(u)2(r N)4(a)11(m)-6(e)]TJ 0 Tc 0 Tw 9.533 0 Td ( )Tj -0.004 Tc 0.004 Tw 0.217 0 Td [(\()-5(R)-4(e)5(q)-1(u)-1(i)-3(r)-3(e)-6(d)-1(\))]TJ EMC /P <</MCID 1 >>BDC 0 Tc 0 Tw 4.283 0 Td [( )-2( )]TJ EMC /ArtifactSpan <</MCID 2 >>BDC 0.002 Tc -0.002 Tw 0.456 0 Td [(__)11(___)11(___)11(___)11(___)11(_)11(____)11(___)11(___)11(__)]TJ 0 Tc 0 Tw 13.391 0 Td ( )Tj EMC ET <End Stream>
Resources are for information purposes only, no endorsement implied.
- For each form control, verify visually that the label is positioned correctly in relation to the control.
For each form control, verify that the name is programmatically associated with the control by one of the following:
- Open the PDF document with a tool that is capable of showing the name associated with the control and verify that the name is associated correctly with the control.
- Use a tool that exposes the document through the accessibility API, and verify that the name is associated correctly with the control.
- #1 and #2 are true.