Unordered-list
Unordered lists are a simple yet powerful way to organize information so readers can scan and understand content quickly. Unlike numbered lists, unordered lists emphasize items as a group rather than as a sequence, making them ideal for features, tips, components, examples, and any set where order doesn’t matter.
When to use unordered lists
- Grouping related items: Use when items belong together but don’t require a specific order (e.g., ingredients, features).
- Improving scannability: Break long paragraphs into bite-sized points to help readers quickly find key facts.
- Presenting options: Show alternatives where priority or sequence isn’t important.
- UI elements: Represent menus, toolbars, or checklists where ordering is irrelevant.
Best practices
- Keep items parallel: Start each item with the same part of speech (e.g., verbs for actions, nouns for things).
- Be concise: Aim for short phrases or single sentences per item.
- Limit length: If an item needs multiple sentences, consider turning it into a sub-list or short paragraph.
- Use consistent punctuation: Either no punctuation at the end of items or full sentences with periods—stay consistent.
- Avoid too many items: 5–9 items is a good rule of thumb; more can overwhelm readers.
Accessibility tips
- Use semantic markup: In HTML, use
- with
- elements so screen readers announce the list properly.
- Provide a clear heading or introductory sentence: Explain what the list contains.
- Avoid relying on bullets alone: Add descriptive text if bullets are brief; screen reader users benefit from context.
Styling considerations
- Choose appropriate bullets: Solid circles, dashes, or icons can convey tone—subtle icons work well for modern interfaces.
- Whitespace and alignment: Give lists breathing room and align items neatly for readability.
- Nesting carefully: Limit nested lists to one level where possible to avoid complexity.
Example (content use)
- Feature A: Fast sync across devices
- Feature B: End-to-end encryption
- Feature C: Offline access
- Feature D: Custom themes
Unordered lists help structure content, reduce cognitive load, and guide readers to the most important points. Use them deliberately to make your writing clearer and easier to navigate.
Leave a Reply