Bölümleme öğeleri bir sayfayı anlamlı bölgelere ayırır. Bunlardan birçoğu ARIA yer işaretlerine eşlenir — yardımcı teknoloji kullanıcıların aralarında atlamasına izin veren adlandırılmış bölgeler, sayfa için bir içindekiler tablosu gibi.
...
Details
...
...
Ekran okuyucu kullanıcıları yer işaretlerini listelemek ve doğrudan <main> öğesine atlamak için bir tuşa basabilir, tekrarlanan başlıkları ve navigasyonu atlayabilirler. Bu büyük bir verimlilik kazancıdır — semantik etiketler bunu otomatik olarak sağlar, ek ARIA gerekli değildir.
<article> — kendi başına anlamlı ve yayınlanabilecek içerik: bir blog yazısı, ürün kartı, yorum.<section> — bir belge içinde tematik bir gruplandırma, normalde kendi başlığı ile. Bağımsız değil.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Temel kural: eğer tek başına durabileceği ise <article>; eğer daha büyük bir bütünün sadece etiketli bir parçası ise <section>'dır. <section>'ı tamamen stil kaplayıcı olarak kullanmayın — bu <div> içindir.
Doğru bölümleme öğelerini kullanmak, klavye/ekran okuyucu gezintisi için ücretsiz, sağlam yer işaretleri ve net bir belge anahatı sağlar — ek ARIA öznitelikleri olmadan erişilebilirliği ve SEO'yu iyileştirir.