dataprismcore1.cfd

Mastering

Written by

pw

in

List-Item

A list-item is a single entry in a list — a fundamental building block for organizing content, data, and interfaces. Whether used in plain text, HTML, UI design, or data structures, list-items help present information clearly and predictably.

Types and contexts

  • Plain text lists: Simple lines preceded by bullets or numbers.
  • HTML: Represented with the
  • element inside
      (unordered) or

        (ordered).

      1. UI components: Interactive items in

Best practices for writing list-items

  1. Keep items concise. Short phrases are easier to scan.
  2. Use parallel structure. Start each item with the same part of speech (e.g., verbs).
  3. Limit length. If an item needs detail, consider nesting a sublist.
  4. Prioritize order when needed. Use numbered lists for steps or rankings.
  5. Make actions clear. For interactive items, indicate affordance (e.g., “Click to edit”).

Accessibility tips

  • Ensure proper semantic markup (use
  • ).
  • Provide keyboard focus and clear visual states for interactive items.
  • Use ARIA roles when building custom list components.

Example (HTML)

html
<ul><li>Gather materials</li>  <li>Set up workspace</li>  <li>Complete the task</li></ul>

When to use list-items

  • Presenting steps, options, features, or grouped data.
  • Breaking long content into scannable chunks.
  • Building navigable UI elements.

List-items are versatile and essential for clear communication; writing them well improves readability and usability.

Comments

Leave a Reply

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

More posts