Incorrect Lists

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 sublist 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 sublist items.