Unordered-List
An unordered list is a simple, flexible way to present a group of related items without implying any specific order or priority. Commonly rendered as bullet points, unordered lists help readers scan content quickly and understand components, features, or examples at a glance.
When to use an unordered list
- To group related items that don’t require sequencing (e.g., features, ingredients).
- To present options where order doesn’t matter.
- To break up dense text for readability.
- To summarize examples or supporting points.
Structure and syntax
In HTML, use the
- tag with nested
- elements:
html
<ul><li>First item</li> <li>Second item</li> <li>Third item</li></ul>In Markdown, prefix lines with a hyphen, asterisk, or plus:
- Item one
- Item two
- Item three
Design and accessibility tips
- Keep items concise; prefer single sentences or short phrases.
- Use parallel grammar for each item (same part of speech).
- Limit a single list to 5–9 items for better readability.
- For long lists, consider grouping into sublists with clear headings.
- Ensure proper semantic markup (use
- not just visual bullets) so screen readers announce list structure.
- Provide a brief introductory sentence where context is needed.
Styling variations
- Use custom bullets (icons, images) to match brand tone.
- Adjust spacing and indentation for clarity.
- For emphasis, highlight keywords in each item with bold text sparingly.
Examples
- Grocery list:
- Apples
- Bread
- Milk
- Meeting agenda items:
- Project updates
- Budget review
- Next steps
Unordered lists are a fundamental content tool: they improve scannability, organize ideas, and make information easier to digest without presuming priority. Use them when order isn’t important and clarity is.
Leave a Reply