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.
When Do <section> and <article> Become Landmarks?
This demo illustrates how HTML5 elements behave with screen readers and whether they appear as landmarks.
Case 1: <section> with Heading Only
Frequently Asked Questions
What is your return policy?
Expected behavior: ❌ Not exposed as a landmark. A heading is not enough — an accessible name (ARIA) is needed.
Case 2: <section aria-labelledby>
Product Features
- Fast performance
- Mobile-friendly
Expected behavior: ✅ Exposed as "Region: Product Features". ARIA label gives it an accessible name → landmark.
Case 3: <article> with Heading Only
Company Blog
This week we launched a new version of our app!
Expected behavior: ❌ Not exposed as a landmark unless named.
Case 4: <article role="region" aria-label="News Story">
Quarterly Earnings Report
We had a 35% increase in revenue this quarter.
Expected behavior: ✅ Exposed as landmark: "Region: News Story".