Sectioning elements ले पेजलाई अर्थपूर्ण क्षेत्रहरूमा विभाजन गर्छ। यसका केही ARIA landmarks मा म्याप गर्छन् — नामकृत क्षेत्रहरू जो assistive technology ले प्रयोगकर्ताहरूलाई यसरू जम्प गर्न दिन्छ, पेजको लागि विषयवस्तुको तालिका जस्तै।
...
Details
...
...
Screen reader प्रयोगकर्ताहरूले landmarks सूचीबद्ध गर्न र <main> मा सीधा जम्प गर्न कुञ्जी दबाउन सक्छन्, दोहोरिने headers र nav लाई स्किप गर्दै। यो एक प्रमुख दक्षता लाभ हो — semantic tags ले यो स्वचालित रूपमा प्रदान गर्छ, कुनै ARIA आवश्यक छैन।
<article> — सामग्री जो आफै मा अर्थ राखता र syndicated हुन सक्छ: blog post, product card, comment।<section> — कुनै दस्तावेज भित्रको thematic grouping, सामान्यतः आफ्नो heading सहित। Standalone होइन।<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Rule of thumb: यदि यो अलगै खडा हुन सक्छ भने, यो <article> हो; यदि यो केवल ठूलो पूरोमा गिरी लेबल गरिएको हो भने, यो <section> हो। <section> लाई केवल styling wrapper को रूपमा प्रयोग नगर्नुहोस् — त्यो <div> को लागि हो।
सही sectioning elements प्रयोग गरेर तपाईंले keyboard/screen-reader navigation को लागि मुक्त, robust landmarks र स्पष्ट दस्तावेज outline प्राप्त गर्नुहुन्छ — कुनै अतिरिक्त ARIA attributes को बिना accessibility र SEO मा सुधार गर्दै।