Elemen seking mbagi kaca dadi wilayah sing bermakna. Sawetara saka iku dipetakan menyang ARIA landmark — wilayah sing dijenengi sing ndadekake user teknologi bantu bisa mlumpat, kayak daftar isi kanggo kaca.
...
Details
...
...
User screen reader bisa pencet tombol kanggo mbuat daftar landmark lan mlumpat langsung menyang <main>, nyingkiri header lan nav sing dipétik manèh. Iki nyarupake pamulihan efisiensi sing gedhe — tag semantik nyediakna otomatis, ora perlu ARIA.
<article> — konten sing ana dhewe-dhewe lan bisa disindikasi: postingan blog, kertu produk, komentar.<section> — pengelompokan tematik ing dokumen, biasane kanthi heading dhewe-dhewe. Ora mandiri.<article>
<h1>Blog post title</h1>
<section><h2>Introduction</h2>...</section>
<section><h2>Conclusion</h2>...</section>
</article>
Aturan jempol: yen bisa mandiri, iku <article>; yen mung bagean jeneng saka blok luwih gedhe, iku <section>. Aja nggunakake <section> murni minangka wrapper styling — kuwi tujuane <div>.
Nggunakake elemen seking sing bener nagakake landmark gratis lan kokoh kanggo navigasi keyboard/screen-reader lan outline dokumen sing jelas — nambahi aksesibilitas lan SEO tanpa atribut ARIA tambahan.