Lists Improperly Defined

Short Description

Incorrect semantec markup leads to incorrect identification of lists by screen reader

Long Description

  • List defined to accommodate visual features vs. using precise definition which is referenced by screen readers.
  • Examples:
    • List defined for data and data labels rather than using data headers related to corresponding data.
    • List with blank lines counted as list items.

Example of Issue

Recommendations

  • List definitions must be precisely structured (List of x items) and adhere to precise structure for screen reader navigation (i.e., list item 1 of 7, 2 of 7, etc.)
  • For more information on how lists contribute to the overall structure of content, read the Basic Structure article on the Accessibility and Usability Site.

Related Issues

Headings not Used to Provide Structure
Headings not Properly Nested
Tables Used for Visual Layout of Non-Tabular Information
Interface Components Are Out of Order
Information not structured to reflect critical relationships

WCAG Reference

Guideline 1.3: Adaptable
Guideline 4.1: Compatible
Principle 1: Perceivable
Principle 4: Robust
Success Criterion 1.3.1: Info and Relationships
Success Criterion 4.1.2: Name, Role, Value

Accessibility/Usability

Accessibility
Usability

Impacted Assistive Technology

Screen Reader

Impacted Type of Device

Computer
Mobile

Issue Keywords