for

An unordered list is a way to present items where order doesn’t matter; items are typically shown with bullets (•, –, etc.). Use unordered lists for sets, features, examples, or any grouping where sequence or ranking isn’t important.

When to use:

  • Collections of related items (features, tools, ingredients).
  • Examples or options.
  • Short, non-sequential steps or notes.

Formatting (HTML/CSS):

  • HTML: use the
      element with

    • children.
      Example:

      • First item
      • Second item
    • CSS for custom bullets:
      ul { list-style: none; }ul li::before { content: “• “; color: #333; margin-right: 6px; }

Accessibility tips:

  • Keep items short and scannable.
  • Use semantic
      /

    • so screen readers announce list structure.
    • Provide a descriptive heading or ARIA label if the list’s purpose isn’t obvious.

Best practices:

  • Don’t mix ordered and unordered intents—use ordered lists when sequence matters.
  • Avoid deep nesting; if needed, consider reorganizing content.
  • Use bullets consistently and keep parallel grammatical structure for items.

Your email address will not be published. Required fields are marked *