# Headings संरचना — वेब एक्सेसिबिलिटी (A11y)

Source: https://www.geekswithgeeks.com/hi/accessibility/a11y-headings

> शीर्षक स्तरों का उपयोग एक logical outline बनाने के लिए करें, styling के लिए नहीं।

## सही heading hierarchy

`<h1>` से शुरू करें (page title)। स्तरों को केवल तब छोड़ें जब उपयुक्त हो। स्क्रीन रीडर उपयोगकर्ता headings के माध्यम से navigate करते हैं; एक broken hierarchy उन्हें confuse करता है। यदि आवश्यक हो तो h2 को h1 की तरह style करने के लिए CSS का उपयोग करें।

## उदाहरण संरचना

Logical outline सभी उपयोगकर्ताओं के लिए navigation और समझ को आसान बनाता है।

```html
<h1>Product Overview</h1>
<p>Introduction...</p>

<h2>Features</h2>
<h3>Design</h3>
<p>...</p>
<h3>Performance</h3>
<p>...</p>

<h2>Pricing</h2>
<h3>Basic</h3>
<h3>Pro</h3>
```

## सामान्य गलतियां

स्तरों को छोड़ना (h1 → h3), केवल styling के लिए heading tags का उपयोग करना, एक पृष्ठ पर कई h1s, heading text जो content से match न करता है।

## Page title महत्व

Unique page title स्क्रीन रीडर users को immediately page context समझने में मदद करता है।