-sd-animation: sd-fadeIn; –sd-duration: 250ms; –sd-easing: ease-in;

Unordered-list

An unordered list is a simple, flexible way to present related items without implying a sequence or priority. It groups information visually, making content easier to scan and understand. Use unordered lists for features, examples, tips, ingredients, components, or any set of items where order doesn’t matter.

When to use an unordered list

• When items are equal in importance.
• When order or sequence isn’t required.
• For quick scannability in user interfaces, documentation, and articles.
• To break up dense text and improve readability.

How to format effective unordered lists

1. Keep items short and parallel in structure (start each item with the same part of speech).
2. Use sentence fragments rather than full sentences when possible.
3. Limit the number of items — 5–9 items is a good guideline for readability.
4. Use sub-lists to group related items under a parent point.
5. Avoid mixing long explanatory text inside list items; if needed, use a short lead-in sentence followed by the list.

Accessibility tips

• Use semantic markup (e.g.,
  in HTML) so assistive technologies recognize the list structure.
  • Provide a clear heading or introductory sentence before the list.
  • Use sufficient contrast and readable font sizes.

Examples

• Shopping list:
  • Milk
  • Bread
  • Eggs
  • Apples
• Feature list for an app:
  • Real-time syncing
  • Offline mode
  • Customizable themes
  • Multi-device support

Best practices

• Pair lists with brief explanatory text.
• Avoid nested lists deeper than two levels when possible.
• When items require steps or order, choose an ordered list instead.

Unordered lists are a small formatting tool with outsized impact: they make content digestible, improve scanning, and help readers quickly grasp related concepts without implying sequence.