Sectioning عناصر صفحے کو معنی خیز علاقوں میں تقسیم کرتے ہیں۔ ان میں سے کئی ARIA landmarks سے منسلک ہوتے ہیں — نام زد علاقے جو معاون تکنیک صارفین کو ان کے درمیان جمپ کرنے دیتے ہیں، بالکل صفحے کے فہرس کی طرح۔
...
Details
...
...
Screen reader استعمال کرنے والے صارفین ایک کلید دبا کر landmarks کی فہرست دیکھ سکتے ہیں اور براہ راست <main> تک جا سکتے ہیں، بار بار آنے والے ہیڈرز اور nav کو چھوڑ سکتے ہیں۔ یہ ایک بڑی کارکردگی میں اضافہ ہے — semantic ٹیگز اسے خود بخود فراہم کرتے ہیں، کوئی ARIA درکار نہیں۔
<article> — ایسا content جو اپنے آپ میں سمجھ میں آتا ہے اور syndicate کیا جا سکتا ہے: ایک بلاگ پوسٹ، ایک product card، ایک تبصرہ۔<section> — ایک موضوعی گروپ بندی کسی دستاویز کے اندر، عام طور پر اپنے ہیڈنگ کے ساتھ۔ علیحدہ نہیں۔<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
قائدہ: اگر یہ علیحدہ کھڑا ہو سکتا ہے، تو یہ <article> ہے؛ اگر یہ صرف کسی بڑے مجموعے کا ایک لیبل والا حصہ ہے، تو یہ <section> ہے۔ <section> کو صرف styling wrapper کے طور پر استعمال نہ کریں — وہ <div> کے لیے ہے۔
صحیح sectioning عناصر استعمال کرنے سے آپ کو keyboard/screen-reader نیویگیشن کے لیے مفت، مضبوط landmarks اور واضح document outline ملتا ہے — رسائی اور SEO کو بہتر بناتا ہے بغیر کسی اضافی ARIA خصوصیات کے۔