The list content must be tagged with appropriate and relevant list elements
Accessibility testing for dev teams - No experience required
Compliance Data & Impact
Disabilities Affected
- Blind
- Deafblind
- Mobility
Standard(s)
- WCAG 2.1 (A)
- WCAG 2.0 (A)
WCAG Success Criteria [WCAG 2.1 (A)]
- 1.3.1: MUST: Info and Relationships
WCAG Success Criteria [WCAG 2.0 (A)]
- 1.3.1: MUST: Info and Relationships
How to Fix the Problem
Tag the list content with appropriate and relevant list elements.
Lists are comprised of three or sometimes four tag types:
- List: 'L'
- List Item: 'LI'
- List Body: 'LBody'
- Label: 'Lbl'
In Adobe Acrobat Pro, using the Tags Pane:
- Click the Selection Tool
- Highlight/select the number 1 (or the list symbol) in the first list item (just the number, not the rest of the list item)
- Open the Options Menu and select Create Tag from Selection
- Select Label from the drop-down menu and click OK
- Select the contents of the first list item. Open the Options Menu and select Create Tag from Selection
- Select List Item Body from the drop-down menu and click OK
- Right-click the Tags Root and select New Tag
- Select List Item from the drop-down menu and click OK. This will create an empty List Item tag
- Drag and drop the Label tag and the List body tag as children of the List Item tag
- Repeat steps 2 through 10 for the rest of the items on the list
- Right-click the Tags Root and select New Tag
- Select List from the drop-down menu and click OK
- Control + click to select all of the LI tags
- Drag and drop them nested as children of the L tag (make sure they are in order)
Note: Adobe Acrobat Pro is the most common tool for PDF remediations, but other tools and software are also available and can be used to remediate the PDF.
Why it Matters
When markup is used that visually formats items as a list but does not indicate the list relationship, users may have difficulty navigating the information. An example of such visual formatting is simply using line breaks to separate list items.
Rule Description
Items that are presented visually as lists must be tagged with list elements in PDF documents to allow for assistive technologies can allow users to interact with these elements appropriately
The Algorithm (in simple terms)
The list content must be tagged with appropriate and relevant list elements
Resources
Deque University Course Pages (subscription required)
No related course information available.
Refer to the complete list of axe 2.0 rules.
Was this information helpful?
Your response was as follows:
Date/Time feedback was submitted: