My Title

A crisp, bright, business-oriented layout

Welcome to Our Site

This is a clean and semantic demo layout using all structural HTML5 tags.

Service One

We offer consulting and development services that scale with your needs.

Service Two

We support businesses with tailored strategies and long-term guidance.

Accessible Lists: Unordered, Ordered, and Description Lists

Screen readers rely on properly structured lists to convey grouping and order. Use semantic tags — not visual hacks — to meet WCAG 1.3.1.

❌ Fake List Using <div>

• Apples
• Bananas
• Cherries

This visually looks like a list, but screen readers don’t recognize it. No list or item count is announced.

✅ Proper Unordered List (<ul>)

  • Apples
  • Bananas
  • Cherries

Screen readers say: “List with 3 items… Apples…”

✅ Proper Ordered List (<ol>)

  1. Preheat the oven
  2. Mix the batter
  3. Bake for 30 minutes

Screen readers say: “List with 3 items… 1. Preheat the oven…”

✅ Proper Description List (<dl>)

HTML
A markup language for structuring content.
CSS
Used to style and lay out web pages.
JavaScript
Enables dynamic behavior on websites.

Screen readers recognize the term and definition elements but don’t always read them as a single sentence.