Unordered List
An unordered list groups related items without implying order or priority. It’s ideal for presenting features, options, or short collections where sequence doesn’t matter.
When to use
- Feature lists (e.g., product capabilities)
- Task checklists without priority
- Grouping ideas or examples
- Navigation menus and simple UI elements
Benefits
- Easy to scan
- Visually clean and flexible
- Accessible: screen readers announce list structure
- Supports nesting for subgroups
Best practices
- Keep items short and parallel in structure
- Use bullets for clarity; avoid mixing sentence fragments with full sentences
- Limit nesting depth (one or two levels) to maintain readability
- Start each item with the same part of speech when possible (e.g., verbs for action items)
- Use consistent punctuation: either no terminal punctuation for fragments or periods for full sentences
Examples
- Grocery list:
- Milk
- Eggs
- Bread
- Website features:
- Fast load times
- Responsive design
- Easy navigation
Accessibility tips
- Use semantic markup (e.g.,
- and
- ) so assistive tech recognizes lists
- Avoid using visual bullets without proper list markup
- Provide concise item text for screen-reader clarity
Conclusion
Unordered lists are a simple, effective way to present grouped information where order isn’t important. Use clear, parallel items and proper markup to maximize readability and accessibility.
Leave a Reply