عناصر التقسيم تقسم الصفحة إلى مناطق ذات معنى. عدة منها تعين إلى معالم ARIA — مناطق مسماة تسمح لتقنية المساعدة للمستخدمين بالقفز بينها، مثل جدول محتويات الصفحة.
...
Details
...
...
مستخدمو قارئات الشاشة يمكنهم الضغط على مفتاح لإدراج معالم والقفز مباشرة إلى <main>، متخطين الرؤوس والملاحة المتكررة. هذا كسب كفاءة كبير — الوسوم الدلالية توفره تلقائياً، لا حاجة إلى ARIA.
<article> — محتوى يكون منطقياً بذاته ويمكن توزيعه: مقالة مدونة، بطاقة منتج، تعليق.<section> — تجميع موضوعي داخل وثيقة، عادة مع رأسها الخاص. ليس مستقلاً.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
القاعدة الأساسية: إذا كان يمكنه أن يقف وحده، فهو <article>؛ إذا كان مجرد جزء مسمى من كل أكبر، فهو <section>. لا تستخدم <section> فقط كـ wrapper للتصميم — هذا ما <div> مخصص له.
استخدام عناصر التقسيم الصحيحة يعطيك معالم حرة وقوية لملاحة لوحة المفاتيح وقارئة الشاشة وخطة وثيقة واضحة — محسناً إمكانية الوصول وSEO دون أي سمات ARIA إضافية.