Unordered List
An unordered list is a simple, flexible way to present related items without implying any specific order. It’s commonly used in documents, web pages, and user interfaces to group short pieces of information, features, examples, or tips.
When to use an unordered list
- No priority: Use when the sequence of items doesn’t matter.
- Grouping: Good for grouping similar elements (features, tools, ingredients).
- Readability: Helps break up dense text for quick scanning.
Best practices
- Keep items parallel: Start each item with the same part of speech (e.g., verbs for actions).
- Be concise: Keep items short—one sentence or a phrase.
- Use punctuation consistently: Either no punctuation for fragments or periods for full sentences.
- Limit length: If a list grows long, consider subheadings or grouping items into multiple lists.
Examples
- Fruits: apples, bananas, oranges
- To-do: buy groceries, call the bank, schedule appointment
- Features: fast search, auto-save, export to CSV
HTML example
html
<ul><li>Fast search</li> <li>Auto-save</li> <li>Export to CSV</li></ul>Accessibility tips
- Use semantic HTML (
- /
- ) so screen readers announce lists properly.
- Provide a clear heading that describes the list’s purpose.
- Keep list items short and descriptive for better comprehension.
Unordered lists improve clarity and scanability—use them whenever you need to present related points without implying order.
Leave a Reply