Lists and Definitions


Lists of items on web resources should be represented by HTML markup that allows all users, including users with disabilities to easily move between items of a list and between lists themselves. Using ul, ol, and dl elements for defining list content ensures interoperability by making both graphical and non-graphical renderings of the lists accessible to all users, including users with disabilities.

Benefits to People with Disabilities

  1. Screen reader users can easily identify the content of a list item and move between list items.
  2. Screen reader users can easily move between lists on the web resource.

Benefits to Everyone

  1. Web resources will be more usable since lists are rendered consistently.
  2. Lists are more accessible to users on a wider range of technologies.

Benefits to Developers

  1. Markup of lists will be more consistent and thus styling them consistently across web resources is easier using CSS.
  2. The more web developers separate structure from styling the eaiser it is for them to create new resources and update existing resources.
  3. Web pages that use structural markup will be usable on a wider range of technologies.

More Information

  1. W3C WCAG 1.0 list techniques
  2. 16: HTML lists (Opera Web Standards Curriculum)


list-style (CSS2.1)

img (HTML4)

dd (HTML4)

dt (HTML4)

dl (HTML4)

li (HTML4)

ol[value] (HTML4)

ol (HTML4)

ul (HTML4)

Related Accessibility Requirements

Section 508

Illinois Information Technology Accessibility Standards

Web Content Accessibility Guidelines (WCAG) 2.0

Web Content Accessibility Guidelines (WCAG) 1.0