Are lists marked up in <ol>, <ul>, or <dl> tags?


Ensure that lists are semantically structured so they are understandable for users, assistive technology, and other machine uses.

Why this matters

Read Why does it matter if our HTML is semantic?.

How to implement

For the proper structure of each list type, see MDN’s site:

How to test

  1. Right-click the text that requires additional semantic meaning and ensure in the source code the appropriate list tags are applied.
  2. Verify against wireframes or the style guide to ensure that the visual display is as expected.