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

Accessibility/Usability

Accessibility
Usability

Impacted Assistive Technology

Screen Reader

Impacted Type of Device

Computer
Mobile

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.