Service One
We offer consulting and development services that scale with your needs.
Welcome to Our Site
This is a clean and semantic demo layout using all structural HTML5 tags.
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>)
- Preheat the oven
- Mix the batter
- 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.