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; }
- children.
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.
Leave a Reply