Elemen sectioning membagi halaman menjadi wilayah yang bermakna. Beberapa darinya dipetakan ke landmarks ARIA — wilayah bernama yang memungkinkan teknologi asistif pengguna melompat di antara mereka, seperti daftar isi untuk halaman.
...
Details
...
...
Pengguna pembaca layar dapat menekan tombol untuk membuat daftar landmarks dan melompat langsung ke <main>, melewati header dan navigasi yang diulang. Ini adalah keuntungan efisiensi utama — tag semantik menyediakannya secara otomatis, tidak perlu ARIA.
<article> — konten yang masuk akal sendiri dan dapat disindikasikan: posting blog, kartu produk, komentar.<section> — pengelompokan tematik dalam dokumen, biasanya dengan heading sendiri. Bukan berdiri sendiri.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Aturan praktis: jika dapat berdiri sendiri, itu adalah <article>; jika hanya bagian berlabel dari keseluruhan yang lebih besar, itu adalah <section>. Jangan gunakan <section> murni sebagai wrapper styling — itu untuk <div>.
Menggunakan elemen sectioning yang tepat memberi Anda landmarks yang gratis dan kokoh untuk navigasi keyboard/pembaca layar dan outline dokumen yang jelas — meningkatkan aksesibilitas dan SEO tanpa atribut ARIA tambahan.