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.

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".