Overview

This page depicts violations of Success Criterion 1.3.1 Info and Relationships. 

Back to Accessibility Checklist

Jump to correct usage of lists

Manually Formatted Bulleted List

•  Fruit

   •  Apple

   •  Orange

   •  Pear

•  Vegetables

•  Dairy

Why Is This a Violation?

A sighted user can quickly determine that the content is a list by the visual formatting, and can make an assessment of the length of the list. A non-sighted person using a screen reader would interact with the items as six paragraphs, and not have the programmatic understanding of the outline level of each item.

How Do I Fix It? 

Use the bulleted/unordered list feature in Drupal for the bulleted list and indent the sub-list items.

Manually Formatted Bulleted List

1. Open item

   a. Inspect for damage

   b. Report condition

2. Register product

3. Use product

Why Is This a Violation?

A sighted user can quickly determine that the content is a numbered/ordered list by the visual formatting, and can make an assessment of the length of the list. A non-sighted person using a screen reader would interact with the items as five paragraphs, and not have the programmatic understanding of the outline level of each item.

How Do I Fix It? 

Use the numbered/ordered list feature in Drupal for the bulleted list and indent the sub-list items.